/*
  Global Styles
*/
html,body,table,td,div,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,p,cite,quote,u,i {
  margin: 0px;
  padding: 0px;
  font-family: Verdana,Arial,Tahoma,Geneva,Helvetica,Sans-serif;
  font-size: 11px;
  line-height: 120%;
  color: #333;
}

h1,h2,h3,h4,h5,h6,hr,p,div,form {
  display: block;
}

td {
  vertical-align: top;
}

strong {
  font-weight: bold;
  font-style: normal;
}

img,table {
  border: 0px none;
}

hr {
	color : #000;
	height : 1px;
	padding : 0;
	border-color : #000;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 3px 0 6px 0;
}

ul {
  margin-left: 10px;
  padding-left: 20px;
}
ul li {
  list-style: circle;
}

/*##################
  Tarifprofi.eu
##################*/
html,body {
  height: 100%;
  color: #000;
  background-color: #FFF;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-y;
  background-position: center;
  cursor: default;
}

a:link,a:visited,a:hover,a:active {
  font-size: 11px;
  color: #2a5d96;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a:focus { outline: 0 }

/* 
  DIV POSITIONS 
*/
div#tarifprofi {
  margin: 0 auto;
  width: 914px;
  position: relative;
  text-align: left;
  min-height:100%;
  height: auto !important;
  height: 100%;
}

div.energie {
  background-color: #FFF;
}

/*
  Header
*/
div#header {
  margin-left: -1px;
  width: 917px;
  background-color: #FFF;
  position: relative;
}

div#header div {
  position: absolute;
  right: 10px; bottom: 5px;
}
div#header a {
  color: #a6a6a6;
  font-size: 10px;
}
/*
  Navigation
*/
div#navigation {
  border-top: 1px solid #c9d5f8;
  background-color: #eef1fa;
  height: 43px;
}

*+html div#navigation {
  margin-left: 1px;
}

div#navigation a {
  color: #4570a2;
  padding: 15px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  float: left;
  clear: right
  font-size: 11px;
}

div#navigation a.hover,
div#navigation a:hover,
div#navigation a:active {
  font-size: 11px;
  color: #f67c06;
  background-image: url(../images/navi-hover.jpg);
  background-repeat: repeat-x;
  background-position: center 33px;
  text-decoration: none;
}

/*
  Suche
*/
div#suche {
  clear: both;
  padding: 10px;
  background-color: #d9e1fa;
}

*+html div#suche {
  margin-left: 2px;
}

div#suche input {
  width: 200px;
  padding: 4px;
  background-color: #FFF;
  border: 0 none;
  color: #a4a2a2;
}

div#newsletter input#nletter_submit,
div#suche input.submit {
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 8px;
  border: 0 none;
  padding: 3px;
  cursor: pointer;
  background-color: #f57709;
  color: #FFF;
  font-weight: bold;
  font-size: 10px;
}

/*
  Trenner
*/

div#trenner {
  padding: 1px;
  padding-bottom: 0;
  background-color: #FFF;
}

*+html div#trenner {
  margin-left: 2px;
}

div#trenner img {
  width: 100%;
  height: 25px;
}

/*
  Navigation links
*/
div#navigation-links {
  margin-left: 2px;
  width: 174px;
  float: left;
}

*+html div#navigation-links {
  margin-left: 3px;
}

div#navigation-links ul,
div#navigation-links li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#navigation-links li {
  border-bottom: 1px solid #eaeffc;
  margin-right: 1px;
}

div#navigation-links li a {
  color: #2b5c94;
  display: block;
  font-size: 10px;
  padding: 6px; padding-left: 9px;
  margin-right: 2px;
}

div#navigation-links li.kategorie a {
  background-image: url(../images/navi-kategorie.jpg);
  background-repeat: no-repeat;
  padding: 7px;
  padding-top: 6px;
  padding-left: 25px;
  color: #012e62;
  font-weight: bold;
  font-size: 10px;
  cursor: default;
}

div#navigation-links li a strong {
  display: block;
}

div#navigation-links li a.hover,
div#navigation-links li a:hover,
div#navigation-links li a:active {
  color: #ff7e09;
  background-color: #FFF;
  text-decoration: none;
}

div#navigation-links li.kategorie a:hover,
div#navigation-links li.kategorie a:active {
  color: #012e62;
  background-color: transparent;
}

/*
  Newsletter
*/
div#newsletter {
  width: 100%; height: 127px;
  padding-top: 52px;
  margin-bottom: 30px;
  text-align: center;
  background-image: url(../images/bg_nletter.jpg);
  background-repeat: no-repeat;
}

div#newsletter input {
  width: 85%;
  margin: 3px; padding: 2px;
  border: 0;
  color: #a4a2a2;
}

div#newsletter div {
  text-align: right;
  margin-right: 5%;
}

div#newsletter input#nletter_submit {
  padding: 1px 3px;
  margin-top: 10px;
}

*+html div#newsletter input#nletter_submit { margin-top: 0;padding-left: 0px;padding-right: 0px; }
* html div#newsletter input#nletter_submit { margin-top: 0;padding-left: 0px;padding-right: 0px; }

div#newsletter div#radio {
  width: 85%;
  margin: 5px auto;
  text-align: left;
}

div#newsletter div#radio input {
  width: auto;
  float: left;
  margin: 1px;
}

*+html div#newsletter div#radio input { margin: 0 }
* html div#newsletter div#radio input { margin: 0 }

div#newsletter div#radio label {
  display: block;
  margin-left: 20px;
}

*+html div#newsletter div#radio label {
  margin-top: 3px;
  margin-left: 25px;  
}
* html div#newsletter div#radio label {
  margin-top: 3px;
  margin-left: 25px;  
}

/*
  Content
*/
div#versicherungen {
  width: 559px;
  float: left;
  border-top: 1px solid #cad4f8;
}

/*
  Navigation Rechts
*/
div#navigation-rechts {
  width: 175px;
  float: left;
  clear: right;
  text-align: center;
  padding-top: 10px;
  padding-left: 4px;
}


/*
  Error / Info
*/
div#error,
div#info {
  margin: 10px; padding: 10px;
  text-align: center;
  border: 1px solid red;
  background-color: #ff6060;
  color: #FFF;
}

div#info {
  border: 1px solid green;
  background-color: #93ff8e;
  color: #000;
}

div#error span,
div#info span {
  display: block;
  font-weight: bold;
  text-align: left;
}

/*
  Frames
*/
iframe.frame {
  width: 100%; height: 1200px;
  border: 0;
  margin-top: 10px;
}

/*
  Tools
*/
.clear {
  height:1px;
  line-height:1px;
  clear: both;
}
label {
  cursor: pointer;
}

/*
  Startseite
*/
div#startbox {
  width: 549px; height: 260px;
  margin: 8px auto;
  border: 1px solid #d9e1fa;
  background-color: #FFF;
  color: #757575;
}

div#startbox div {
  width: 177px;
  padding: 2px;
  float: left;
  text-align: justify;
  line-height: 130%;
}

div#startbox div h1 {
  color: #194f8e;
  margin: 2px;
}
div#startbox div img {
  border: 1px solid #c0cee2;
  margin: 1px; margin-bottom: 10px;
}

div#startbox div.trenner {
  width: 1px; height: 240px;
  margin: 1px; margin-top: 15px; padding: 0;
  background-color: #dde5ee;
}

div#startbox div a {
  color: #2b5c94;
}
div#startbox div a.weiter {
  display: block;
  text-align: right;
  padding: 2px; padding-right: 5px;
}

h3 {
  display: block;
  padding: 2px;
  text-align: center;
  color: #2b5c94;
  font-size: 13px;
}

h3 span { 
  color: #0764ac;
}

div#spartippbox {
  width: 549px; height: 147px;
  margin: 8px auto;
  border: 1px solid #d9e1fa;
  background-color: #eef1fa;
}

div#spartipp {
  width: 268px; padding: 2px;
  background-color: #e1e7ef;
  margin: 2px;
  float: left;
}

div#spartipp div {
  margin: 13px 10px;
  color: #757575;
  text-align: justify;
}

div#spartipp h1 {
  display: block;
  margin-top: 10px;
  color: #1f4776;
  text-align: center;
}

div#spartippbox #box1,
div#spartippbox #box2,
div#spartippbox #box3 {
  background-color: #e1e7ef;
  margin: 2px; margin-left: 276px;
  padding: 5px;
}

div#spartippbox #box1 a,
div#spartippbox #box2 a,
div#spartippbox #box3 a {
  display: block;
  padding: 3px;
  font-weight: bold;
  color: #2b5c94;
  text-align: center;
}

div#spartippbox #box1 a:hover,div#spartippbox #box1 a:active,
div#spartippbox #box2 a:hover,div#spartippbox #box2 a:active,
div#spartippbox #box3 a:hover,div#spartippbox #box3 a:active {
  text-decoration: none;
  color: #000;
}

div#neuigkeiten {
  width: 547px;
  margin: 0 auto;
  border: 1px solid #dae1fb;
  background-color: #FFF;
}

div#neuigkeiten img {
  margin-left: -1px;
  margin-top: -1px;
}

div#neuigkeiten div {
  margin: 5px; margin-bottom: 10px;
}

div#neuigkeiten div h4 {
  color: #0c2e54;
  margin: 5px; padding: 5px;
  border-bottom: 1px solid #bbcadd;
  font-size: 11px;
}

div#neuigkeiten div p {
  margin: 0 10px;
  color: #757575;
}

div#neuigkeiten div a {
  display: block;
  text-align: right;
  color: #2e5d95;
  margin: 2px;
}
div#neuigkeiten div a span { color: #757575 }

/*
  Footer
*/
div#footer {
  width: 892px; height: 120px;
  margin-left: -1px;
  background-image: url(../images/footer.jpg);
  padding: 10px; padding-right: 14px;
  text-align: center;
}

*+html div#footer { margin:0 }
* html div#footer { margin:0 }

div#footer #links { margin-top: 15px }
div#footer #links a {
  color: #35679c;
  font-weight: bold;
  margin: 5px;
}
div#footer #links a:hover,
div#footer #links a:active { color: #555 }

div#footer #sublinks { margin-top: 8px }
div#footer #sublinks a {
  color: #757577;
  font-size: 9px;
  margin: 3px;
}

/*
  Uebersichten
*/
div#uebersicht {
  position: relative;
  text-align: center;
  margin-top:5px;
}

div#uebersicht div#kategorie {
  position: absolute;
  top: -19px; left: 4px;
  width: 290px;
  color: #012f61; font-weight: bold; font-size: 12px;
  padding: 3px; padding-left: 20px;
  text-align: left;
  background-color: #d9e0fa;
  background-image: url(../images/icons/square.jpg);
  background-repeat: no-repeat;
  background-position: 4px center;
}

div#uebersicht img {
  border: 1px solid #cbd6e8;
}

div#uebersicht p {
  text-align: left;
  width: 95%; margin: 0 auto;
  text-align: justify;
  line-height: 135%;
  font-size: 11px;
}

div#uebersicht span {
  display: block;
  margin: 11px; line-height: 140%;
  color: #7d7f7c;  text-align: left;
}
div#uebersicht span u { color: #7d7f7c; text-decoration: none }

div#uebersicht h1 {
  margin: 11px;
  text-align: left;
  font-weight: normal;
}

div#uebersicht h1 span {
  color: #ff7e09; font-weight: bold;
  display: block;
  margin: 0;
}

div#uebersicht legend {
  text-align: left;
  padding: 7px; padding-left: 17px; padding-right: 17px;
  font-weight: bold; font-size: 14px; color: #2a5d96;
}

div#uebersicht fieldset div {
  text-align: left;
  width: 230px;
  margin-top: 7px;
  float: left;
}

div#uebersicht fieldset div.text {
  float: none;
  width: 95%; margin: 0 auto;
  text-align: justify;
  line-height: 135%;
}

div#uebersicht fieldset div#mehr {
  float: none;
  width: 100%;
  text-align: justify;
  line-height: 135%;
  display: none;
  margin-top: 13px;
}

div#uebersicht fieldset div.kat {
  width: 171px; height: 24px;
  padding: 6px; padding-left: 24px; margin-left: 10px;
  text-align: left; font-weight: bold; color: #012f61;
  background-image: url(../images/navi-kategorie.jpg);
  background-repeat: no-repeat;
  float: none;  
}

div#uebersicht fieldset ul {
  margin-bottom: 20px;
  margin-left: 0;
}

div#uebersicht fieldset li {
  text-align: left;
  list-style-type: none;
}

div#uebersicht fieldset li a {
  color: #7d7f7c; font-size: 10px; font-weight: bold;
  display: block; padding: 2px; padding-left: 0;
}

div#uebersicht fieldset li a:hover,
div#uebersicht fieldset li a:active {
  color: #194f8f;
}

div#uebersicht fieldset span.info { 
  margin-left: 0;
  display: block;
  color: #175190;
}
div#uebersicht fieldset span.info b {
  font-weight: normal; color: #f57709;
}

/*
  Rechner
*/
iframe.energie {
  width: 735px; height: 2650px;
  margin: 0 10px;
}

*+html iframe.energie { width: 715px }
* html iframe.energie { width: 715px }

iframe.pkv,
iframe.girokonto,
iframe.kredit,
iframe.rechtsschutz,
iframe.wohngebaeude,
iframe.hausrat,
iframe.haftpflicht,
iframe.kredite,
iframe.kfz {
   width: 515px;
   margin: 0 20px;
   height: 1000px;
}

iframe.pkv,
iframe.girokonto,
iframe.kredit,
iframe.rechtsschutz,
iframe.wohngebaeude,
iframe.hausrat,
iframe.haftpflicht {
  height: 1280px;
}

iframe.pkv,
iframe.girokonto,
iframe.kredit,
iframe.rechtsschutz,
iframe.wohngebaeude,
iframe.hausrat,
iframe.haftpflicht,
iframe.kfz { 
  width: 527px;
  padding: 3px 10px; margin-left: 5px;
  border:1px solid #b8d1ed;
}

/*
  Formular Elemente
*/
fieldset {
  border: 1px solid #cbd6e8;
  margin: 5px; padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
}

fieldset legend {
  color: #000;
  font-weight: bold;
  margin-left: 11px;
}

ul, li {
  margin: 0;
  padding: 0;
}

ul {
  margin: 5px;
  margin-top: 10px;
}

li {
  margin-left: 15px;
  list-style-type: square;
}

fieldset ul {
  margin-top: 0;
}

.readmore {
  display: block;
  text-align: right;
}

/*
  Sitemap
*/
div.sitemap {
  width: 46%;
  padding: 2%;
  padding-bottom: 0;
  float:left;
}
*+html div.sitemap {
  width: 46%;
}
fieldset.sitemap {
  width: 100%;
  height: 260px;
  border: 1px solid #d2d2d4;
  background-color: #f9f9f9;
}
fieldset.sitemap * { text-align: left; }

fieldset.sitemap legend {
  color: #b01515;
  font-weight: bold;
  line-height:130%;
  margin-left: 15px;
}


a.sitemap {
  display: block;
  padding: 3px;
  padding-left: 15px;
}

/*
  Suche
*/
div#search {
  padding: 15px;
  padding-top: 0;
  text-align: left;
}

em {
	font-weight: bold;
	font-style: normal;
}

#output a {font-weight: bold;}

.searchword,
.searchword0,
.searchword1,
.searchword2,
.searchword3,
.searchword4,
.searchword5,
.searchword6 {
  background-color: yellow;
  padding-left: 1px;
  padding-right: 1px;
}
  
.mod {
  display: block;
  font-style: italic;
}

#search ol,
#search ol li {
  margin: 0; padding: 0;
  margin-left: 12px;
}

/*
  Partners
*/

div#partners b { 
  padding-left: 20px;
  display:block;
}
div#partners a {
  display: block;
  width: auto;
  font-size: 9px;
  padding-left: 25px;
}
div#inhalt { display: none }

div#stats {
  position: absolute;
  left: -10000px; top: -10000px;
}