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

html,body {
  margin: 0; padding: 0;
  height: 100%;
  background-color: #FFF;
  text-align: left;
  cursor: default;
  font-size: 10px;
  background-image: url(images/bg.jpg);
}

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

a {
  color: #094569;
  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: 1005px;
  background-color: #FFF;
  background-image: url(images/bg_content.jpg);
  background-repeat: repeat-y;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/*
  HEADER
*/
#header {
  width: 387px; height: 112px;
  margin-left: 58px;
}

#header-navi {
  position: absolute;
  top: 95px; right: 9px;
  color: #d1d7da;
}

#header-navi a { color: #9fa8ad }
#header-navi a:hover,
#header-navi a:active { text-decoration: underline; }

#header-trenner {
  position: absolute;
  top: 112px; left: 260px;
  width: 743px; height: 12px;
  background-color: #8ac3e7;
}

/*
  NAVIGATION
*/
#navigation {
  width: 198px; height: 251px;
  padding-top: 89px;
  margin-left: 58px; margin-top: -11px;
  background-image: url(images/navi.jpg);
  background-repeat: no-repeat;
  float: left;
}

* html #navigation {
  margin-left: 29px; margin-top: 0;
}

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

#navigation a {
  color: #313a3f;
  display: block;
  width: 167px;
  padding: 6px; padding-left:20px;
  text-decoration: none;
}
#navigation a:hover,
#navigation a:active {
  color: #094569;
  padding-left: 30px;
}

/*
  CONTENT
*/
#content {
  line-height: 15px;
  margin-left: 260px;
  padding: 23px; padding-top: 30px; padding-bottom: 90px;
  font-size: 10px; color: #808080;
  text-align: justify;
}

#content h2 {
  height: 14px;
  margin: 0; margin-bottom: 10px;
  padding: 5px; padding-left: 20px;
  background-image: url(images/title.jpg);
  font-size: 12px; font-weight: normal;
  color: #094569;
}
#content h2 strong {
  font-weight: normal; height: 16px;
  display: block; padding-left: 25px;
  background-image: url(images/dot.jpg);
  background-repeat: no-repeat;
}
#content h3 {
  height: 14px;
  margin: 0; margin-bottom: 10px;
  padding: 5px; padding-left: 20px;
  background-image: url(images/title.jpg);
  font-size: 12px; font-weight: normal;
  color: #094569;
}
#content h3 strong {
  font-weight: normal; height: 16px;
  display: block; padding-left: 25px;
  background-image: url(images/dot.jpg);
  background-repeat: no-repeat;
}
#content div.infobox {
  width: 322px; height: 270px;
  float: left;
  padding: 9px;
  border: 1px solid #e3f1f9;
}
#content div.infobox img { 
  display: block; width: 322px;
  text-align: center; margin-bottom: 10px;
}

a.button,
a.button1 {
  display: block;
  margin-top: 7px; margin-left: 610px;
  width: 78px; padding: 4px;
  text-align: center; color: #094569;
  background-image: url(images/button.jpg);
  background-repeat: no-repeat;
}

a.button1 {
  width: 118px; margin-left: 570px;
  background-image: url(images/title.jpg);
  background-repeat: repeat-x;
}

#content div.infobox a.button { margin-left: 235px }

#content ul.info {
  height: 80px;
  margin: 10px; padding: 0;
  float: left; width: 325px;
}

#content ul.info li {
  list-style-type: none;
  padding-left: 25px; margin: 10px 8px;
  background-image: url(images/check.jpg);
  background-repeat: no-repeat;
  color: #094569;
}
#content ul.info li.red { background-image: url(images/check_red.jpg) }


/* CONTENT TOOLS*/
#content strong {
  font-weight: normal;
  color: #094569;
}
/*
  FOOTER
*/
div#footer {
  position: absolute;
  left: 260px; bottom: 0;
  width: 730px; padding: 10px;
  text-align: center;
  color: #a8a7a7;
  line-height:15px;
}

div#footer a { color: #a8a7a7 }

div#footer ul {
  margin: 0; padding: 0;
  margin-left: 165px; margin-bottom: 15px;
}

div#footer ul li {
  list-style-type: none;
  float: left; margin-right: 5px;
  color: #89c1e5;
}

div#footer ul li a { color: #89c1e5 }

/*
  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;
}

#loadFrame {
  position: absolute;
  top: 420px; left: 550px;
  padding: 17px; padding-left: 50px;
  background-color: #FFF;
  background-image:url(images/loading.gif);
  background-repeat: no-repeat;
  border: 1px solid #444;
  z-index: 999999;
}


/*
  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;
}

/*
  Newsletter
*/
div#newsletter {
  width: 195px; height: 184px;
  margin-top: 24px;
  text-align: center;
  color: #57666e;
}

*+html div#newsletter {
  margin-top: 5px; margin-bottom: 12px;
}
* html div#newsletter { margin-top: 5px; }

div#newsletter #spacer {
  height: 60px;
}

div#newsletter input {
  width: 75%;
  margin: 3px; margin-left: 8px; padding: 2px;
  border: 0;
  color: #a4a2a2;
  border: 1px solid #90a4bd;
  color: #444;
  font-size: 10px;
}

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

div#newsletter input#nletter_submit {
  padding: 1px 3px;
  margin-top: 10px;
  border: 1px solid #999;
  width: 70px; text-align: center;
  cursor: pointer;
}

*+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-left: 25px;
  text-align: left;
}

div#newsletter div#radio input {
  width: auto;
  float: left; border: 0;
  margin: 1px; margin-top: 2px;
}

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

#newsletter br {
  clear: both;
  height:0; margin: 0; line-height: 0;
}

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

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