/************************
  GLOBAL STYLES
************************/

html,body {
  margin: 0; padding: 0;
  height: 100%;
  background-color: #FFF;
  text-align: center;
  cursor: default;
  font-size: 10px;
  color: #646464;
}

* {
  font-family: Verdana, Tahoma, Arial;
  border: 0 none;
}

a {
  color: #ff710f;
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

hr {
	color : #d2dbe3;
	height : 1px;
	padding : 0;
	border-color : #d2dbe3;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 12px auto;
  width: 95%
}

/************************
  MISC STYLES
************************/
div#page {
  position: relative;
  text-align: left;
  width: 969px;
  margin: 0 auto;
  background-color: #FFF;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-y;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

div#header {
  height: 246px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-position: 23px 90px;
}

div#header div#logo {
  position: absolute;
  top: 13px; left: 22px;
}

div#header div#kopf {
  position: absolute;
  top: 13px; left: 438px;
}

/*
  Hotline
*/
div#header div#hotline {
  position: absolute;
  right: 10px; top: 115px;
  width: 190px;
  color: #808080;
  line-height:15px;
}

div#header div#hotline div {
  margin-left: 28px;
  margin-bottom: 15px;
}

div#header div#hotline span {
  display: block;
  margin-top: 5px;
  font-size: 12px; font-weight: bold;
  color: #f66704;
}

div#header div#hotline b {
  display: block; margin-bottom: 2px;
  color: #aaaaaa; text-decoration: underline;
}

/*
  Sub Navigation
*/
div#subnavi {
  position: absolute;
  top: 5px; right: 12px;
}

div#subnavi a { color: #838383 }

/*
  Navigation
*/
div#navi {
  position: absolute;
  top: 91px; left: 23px;
  z-index: 999;
}

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

div#navi a {
  width: 135px;
  display: block;
  padding: 5px; padding-left: 18px;
  color: #838383;
}

div#navi a:hover,
div#navi a:active {
  color: #ff710f;
  text-decoration: none;
}

/*
  Content
*/
div#content {
  margin-top: 15px;
  padding-bottom: 80px;
}

div#contentLeft {
  width: 650px; margin-left: 20px;
  float: left;
  border: 1px solid #fafafa;
  line-height: 17px;
}

* html div#contentLeft {
  width: 630px;
}

div#contentRight {
  width: 280px; margin-left: 3px;
  float: left;
  border: 1px solid #fafafa;
  line-height: 16px;
}

div#content h1 {
  margin: 0; margin-bottom: 20px;
  height: 18px;
  padding: 6px; padding-top: 7px;padding-left: 25px;
  
  background-image: url(images/dot.jpg);
  background-repeat: no-repeat;
  background-position: 7px 10px ;
  font-size: 11px;
}
div#content h2 {
  margin: 0; margin-bottom: 20px;
  height: 18px;
  padding: 6px; padding-top: 7px;padding-left: 25px;
  
  background-image: url(images/dot.jpg);
  background-repeat: no-repeat;
  background-position: 7px 10px ;
  font-size: 11px;
}
div#content h3 {
  margin: 0; margin-bottom: 20px;
  height: 18px;
  padding: 6px; padding-top: 7px;padding-left: 25px;
  
  background-image: url(images/dot.jpg);
  background-repeat: no-repeat;
  background-position: 7px 10px ;
  font-size: 11px;
}
.ueberschrift {
  display: block;
  
  background-image: url(images/title.jpg);
  
  color: #646464;
}
div#content h1 strong { color: #ff710f }

div#content ul.check,
div#content ul.check li {
  margin: 0; padding: 0;
  list-style-type: none;
}
div#content ul.check li {
  margin: 6px; padding: 0;
  margin-left: 10px;  padding-left: 20px;
  list-style-type: none;
  background-image: url(images/check.jpg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  line-height: 20px;
}

div#partners {
  text-align: center;
  line-height: 20px;
}
div#partners img { margin: 8px 15px }

div.text {
  padding: 0 27px;
}

div.more {
  margin-top: 22px;
  text-align: right;
}

div.left {
  margin-top: -1px;
  width: 290px; float: left;
}

div.right {
  margin-top: -1px;
  margin-left: 300px;
}

div.left div.text,
div.right div.text {
  padding-left: 10px;
  padding-right: 20px;
}

div.left img {
  margin-bottom: 40px;
}

/*
  Tarifrechner
*/
iframe.kredit {
  margin-left: 15px;
  width: 620px; height: 1000px;
}

*+html iframe.kredit { width: 635px }
* html iframe.kredit { width: 610px }

/*
  Footer
*/
div#footer {
  position: absolute;
  left: 0; bottom: 0;
  width: 600px;
  padding: 10px 30px;
  text-align: center;
  color: #aaa;
  line-height: 16px;
}

/*
  Error / Info
*/
div#error,
div#info {
  margin: 50px 10px; padding: 10px;
  text-align: center;
  border: 1px solid #9e4438;
  background-color: #fdbab1;
  color: #444;
}

div#info {
  border: 1px solid #72b170;
  background-color: #d1ffd0;
}

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

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

div#error input {
  margin-left: 50px;
  border: 1px solid #222;
}

/*
  TARIFRECHNER FRAME
*/
iframe#rechner {
  width: 720px; height: 2365px;
  overflow: hidden;
}
* html iframe#rechner { width: 696px }
*+html iframe#rechner { width: 699px }

/*
  TOOLS
*/
.clear {
  clear: both;
}

/*
  FORM ELEMENTS
*/

fieldset {
  border: 1px solid #ccc;
  margin: 5px; padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
}

fieldset legend {
  margin-left: 10px;
  padding-left: 10px; padding-right: 10px;
  font-weight: bold; font-size: 12px;
}

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

fieldset ul {
  color: #000;
  font-weight: bold;
  margin-left: 11px;
  margin: 5px;
  margin-top: 10px;
}

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

fieldset ul {
  margin-top: 0;
}
.grau{
  
  font-size: 10px;
  color: #aaaaaa;

}