body {
	background-color: #cccccc;
	font-family: Verdana, Tahoma, sans-serif;
}

body * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

h2.title {
	background-color: #233287;
	line-height: 20px;
	font-size: 11px;
	color: #ffffff;
	padding-left: 3px;
	padding-top: 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
}

h1 {
	padding: 20px 10px 5px 10px;

	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}

h2 {
	padding: 20px 10px 0px 10px;

	font-size: 11px;
	font-weight: bold;
	color: #233287;
	margin: 0px;
	text-decoration: underline;
}

h3{
	text-align: center;
	font-size: 11px;
	color: #233287;
	margin: 0px;
}

h4{
	padding: 5px 10px 0px 20px;
	text-align: left;
	font-size: 12px;
	color: #233287;
	margin: 0px;
	text-decoration: underline;
}

img {
	border: 0px;
}

hr {
	width: 90%;
	color: #eeeeee;
	size: 1pt;
}

a.textlink:visited, a.textlink:link {
	color: #233287;
	font-size: 11px;
	text-decoration: none;

}

a.textlink:active, a.textlink:hover {
	color: #C8CBE0;
	font-size: 11px;
	text-decoration: none;
}

input.same {
	border: 1px solid #cccccc;
	height: 14px;
	width: 165px;
	padding: 3px 2px 1px 3px;
	margin: 2px 0px 0px 0px;
	font-size: 12px;
	color: #243185;
}

input {
	border: 1px solid #cccccc;
	line-height: 10px;
	padding: 3px;
	margin: 0px 0px 0px 125px;
	font-size: 12px;
	color: #243185;
}

select.input_callback {
	border: 1px solid #cccccc;
	line-height: 10px;
	padding: 3px;
	margin: 0px;
	font-size: 12px;
	color: #243185;
}

p input {
	border: 1px solid #cccccc;
	line-height: 10px;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #243185;
}

textarea {
	border: 1px solid #cccccc;
	line-height: 10px;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #243185;
}

.vert_div_dashed{

}

#container {
	background: #ffffff url(../pics/bg_container.jpg) repeat-y;

	position: absolute;
	left: 50%;
	right: 50%;
	top: 0px;


	width: 950px; /* vorher 798 */
	height: 844px;

	margin-left: -475px;
	margin-right: -399px;

	border-left: 1px solid #233287;
	border-right: 1px solid #233287;
}

#container[id] {
	height:auto;
	min-height: 100%;
}

#container_reg {
	background: #ffffff;

	position: absolute;
	left: 50%;
	right: 50%;
	top: 0px;


	width: 798px;
	height: 844px;

	margin-left: -399px;
	margin-right: -399px;

	border-left: 1px solid #233287;
	border-right: 1px solid #233287;
}

#container_reg[id] {
	height:auto;
	min-height: 100%;
}

#content {
	padding-top: 129px;
	padding-left: 202px;
	width: 568px; /* vorher 416 */
	height: 100%;
}

#content_reg {
	color: #393939;
	background: #ffffff;

	width: 596px;
	min-height: 710px;
	padding: 129px 2px 2px;
	margin: 0px;
	border-right: 1px dashed #cccccc;
	background-repeat: repeat-y;

	text-align: left;
	font-size:9px;
}

* html #content_reg { height:710px; }
#content_reg:after { content: "."; display: block; height: 0px; clear: both;visibility: hidden;}

#content_reg .description{
	padding : 5px;
}


#content2 {
	padding-top: 129px;
	padding-left: 202px;
	width: 594px;
	height: 100%;
}

#header {
	position: absolute;
	top: 0px;
	background: #233287;

	height: 15px;
	width: 940px;

	padding: 5px;

	color: #ffffff;
	font-size: 70%;
	text-align: right;
}

#container_reg #header {
	width: 790px;
}

#banner {
	background: #ffffff url(../pics/banner.jpg) no-repeat 2px 2px;

	position: absolute;
	right: 2px;
	top: 25px;

	width: 743px;
	height: 97px;

	padding: 2px;

	border-bottom: 1px dashed #cccccc;
}

#container_reg #banner {
	width: 590px;
	background-position: 100% 2px;
}

#logo {
	background: #ffffff url(../pics/rde-logo.jpg) no-repeat center center;

	position: absolute;
	left: 0px;
	top: 25px;

	width: 195px;
	height: 97px;

	padding: 2px;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

#partner {
	background: #ffffff;
	position: absolute;
	left: 0px;
	top: 583px;

	width: 195px;

	padding: 2px;

	border-bottom: 1px dashed #cccccc;
}

#nav {
	background: #ffffff;

	position: absolute;
	left: 0px;
	top: 127px;

	width: 195px;

	padding: 2px;

	border-bottom: 1px dashed #cccccc;
}

#login {
	background: #ffffff;

	position: absolute;
	left: 0px;
	top: 675px;

	width: 195px;

	padding: 2px;

}

#meinung {
	color: #393939;
	background: #ffffff;

	position: absolute;
	right: 0px;
	top: 127px;

	width: 173px;
	min-height: 250px;

	padding: 2px;
	margin: 0px;
	border-bottom: 1px dashed #cccccc;
	background-repeat: repeat-y;

	text-align: left;
	font-size:9px;
}

* html #meinung { height:250px; }
#meinung:after { content: "."; display: block; height: 0px; clear: both;visibility: hidden;}

 #meinung .description{
	padding : 5px;
}


#meinung_reg {
	background: #ffffff;
	position: absolute;
	right: 0px;
	top: 127px;
	width: 193px;
	padding: 2px;
	margin-bottom: 0px;
	border-bottom: 1px dashed #cccccc;
}

.inner {
	background: #ffffff;
	margin: 0px;
}

.navi {
	width: 185px;
	padding-right: 10px;
	background-color: #C8CBE0;
	line-height: 30px;
	font-size: 11px;
	color: #233287;
	margin: 0px;
	text-align: right;
	display: block;
	margin-top: 2px;
	text-decoration: none;
}

.navi:hover {
	background-color: #9198C2;
	color: #ffffff;
	margin-bottom: 0px;
}

.navi img {
	position: absolute;
	left: 0px;
	top: 55px;
	z-index: 100;
}

* html .navi img {
	margin-top: -2px;
}

*+html .navi img {
	margin-top: -2px;
}

.subnavi {
	font-size: 11px;
	color: #bbbbbb;
	text-decoration: none;
}

.subnavi:hover {
	color: #ffffff;
}

.partner {
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;

	display: block;

	text-align: center;
	text-decoration: none;
}

.trenner {
	margin: 2px;
	border-bottom: 1px dashed #cccccc;
	line-height: 0px;
	height: 0px;
}

*+html .trenner {
	height: auto;
}

* html .trenner {
	height: auto;
}

.vert_div_dashed{
	position:absolute;
	left: 598px;
	top: 129px;
	height: 84.5%;
	margin:0px;
	width: 2px;
	padding:0px;
	border: 0px none #000000;
	border-right: 1px dashed #cccccc;
}

* html .vert_div_dashed{
	height: 75%;
}

#content .inner p, #content2 .inner p,#content_reg p{
	margin: 5px 20px 10px 20px;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	text-align: justify;
	word-spacing: 0px;
}
#content_reg p {
	margin: 5px 90px 10px 20px;
}

td	{
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	word-spacing: 0px;
}

#meinung .inner p{
	margin: 10px 10px 10px 10px;
	font-size: 10px;
	line-height: 14px;
	color: #243185;
	text-align: justify;
}

.zitat {
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;

	text-align: right;
	font-size: 9px;
	color: #000000;
}

.login {
	line-height: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #243185;
	text-align: justify;
}

#meinung .inner .teaser {
	padding: 3px -1px 0px 0px;
	margin: 2px -2px -3px 0px;
}

.inner > .teaser {
	padding: 1px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}


/*--- Formular generell ---*/
form h2{
	display:none;
}

/*--- Anmeldeformular Anfang ---*/

#formular_cont {
	margin: 8px;
	width: 580px;
	text-align: left;
	background-color: #FFFFFF;
}

#formular_cont {
	font-size: 10px;
}

#formular fieldset {
	border: 1px solid #1B277B;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#formular fieldset legend {
	display: inline;
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	color: #1B277B;
}

#formular {
/*	border: 1px solid #1B277B;		*/
	/* dont't remove this line - Moz/FF will cause margin problems?! */
	padding: 0px;
	margin: 0px;
	font-family: Verdana,Helvetica,Arial;
	font-size: 11px;
}
#formular * {
	text-align:left;
	font-family: Verdana,Helvetica,Arial;
}

#formular br, div.f_element {
	clear: both;
}

#formular hr {
	border-color: #666666;
	border-width: 1px;
	border-style:solid;
	margin:1em 0;
}

#formular input,#formular select {
	margin: 0px;
	padding: 0px;
	border-color: #1B277B;
	border-width: 1px;
	line-height: 12px;
	border-style: solid;
/*	background-color: #F1F6FF;*/
	background-color: #FFF;
	color: #000000;
	font-size: 11px;
	height: 16px;
}

@media screen and (min-width: 0px) {#formular input { height: 18px; } }
@media screen and (min-width: 0px) {#formular select { height: 18px; } }

#formular input[type=radio]{
		background-color: transparent;
		border-width: 0px;
}

* html #formular input.radio {
		background-color: transparent;
		border-width: 0px;
}

#formular div.f_element{
  margin: 0px;
  padding: 0px;
  position: relative;
}

#formular div.f_element span.f_label, div.f_element span.f_input, span.f_input_lang{
  margin: 0px;
  padding: 0px;
}

#formular div.f_element span.f_label {
	position:absolute;
	left: 40px;
	vertical-align: top;
}
#formular div.f_element span.f_label2 {
	position:relative;
	left: 200px;
	vertical-align: top;
}

#formular div.f_element span.f_input {
	position: relative;
	left:200px;
	width: 202px;
}
#formular div.f_element span.f_input_lang {
	position: relative;
	left:200px;
	width: 282px;
}


#formular div.f_element span.f_select {
	vertical-align: top;
	width: 50px;
}

#formular div.f_element textarea {
	margin: 0px;
	padding: 0px;
	border: 1px solid #bbb;
	padding: 0.1em 0.25em;
	color: #666;
	background-color: #eaeaea;
	width:300px;
	height: 100px;
}

#formular div.f_element input:focus,select:focus {
	border: 1px solid #1B277B;
	background-color: #FFFFFF;
	color: #000;
}

#formular div.f_element input.normal {
	width: 200px;
}
#formular div.f_element select.normal {
	width: 202px;
}

#formular div.f_element input.third {
	width: 60px;
}
#formular div.f_element input.third2 {
	width: 134px;
}
#formular div.f_element input.third_lang {
	width: 80px;
}
#formular div.f_element input.third2_lang {
	width: 194px;
}

#formular div.f_element input.half {
	width: 97px;
}
#formular div.f_element select.half {
	width: 99px;
}

#formular div.f_element input.long {
	width: 154px;
}
#formular div.f_element input.short {
	width: 40px;
}
#formular div.f_element input.short2 {
	width: 20px;
}
#formular div.f_element input.short4 {
	width: 40px;
}

@media screen and (min-width: 0px) {#formular div.f_element input.normal { width: 202px; } }
@media screen and (min-width: 0px) {#formular div.f_element input.half { width: 99px; } }
@media screen and (min-width: 0px) {#formular div.f_element input.long { width: 156px; } }
@media screen and (min-width: 0px) {#formular div.f_element input.short { width: 42px; } }
@media screen and (min-width: 0px) {#formular div.f_element select.normal { width: 200px; } }
@media screen and (min-width: 0px) {#formular div.f_element select.half { width: 97px; } }

/*--- Anmeldeformular Ende ---*/

/*--- Anmeldestartform Anfang ---*/

#startform_cont {
	position:absolute;
	top: 145px;
	left: 0px;
	width: 172px;
	text-align: left;
	background-color: transparent;
}

#startform fieldset {
	border: 1px solid #1B277B;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#startform fieldset legend {
	display:inline;
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	color: #1B277B;
}

#startform {
/*	border: 1px solid #1B277B;		*/
	/* dont't remove this line - Moz/FF will cause margin problems?! */
	padding: 0px;
	margin: 0px;
}
#startform * {
	text-align:left;
	font-family: Verdana,Helvetica,Arial;
	font-size: 10px;
}

#startform div.f_element {
	clear: both;
}

#startform hr {
	border-color: #666666;
	border-width: 1px;
	border-style:solid;
	margin:1em 0;
}

#startform input,select {
	margin: 0px;
	padding: 0px;
	line-height:12px;
	border-color: #1B277B;
	border-width: 1px;
	border-style: solid;
/*	background-color: #F1F6FF;*/
	background-color: #FFF;
	color: #000000;
/*	font-size: 11px;*/
}
#startform div.f_element input{
	height: 14px;
	padding: 2px 0px 0px 5px;
}
#startform div.f_element select{
	height: 16px;
}

@media screen and (min-width: 0px) {#startform input { height: 16px; } }
@media screen and (min-width: 0px) {#startform select { height: 18px; } }

#startform input[type=radio]{
		background-color: transparent;
		border-width: 0px;
}

* html #startform input.radio {
		background-color: transparent;
		border-width: 0px;
}

#startform div.f_element{
  margin: 0px;
  padding: 0px;
  position: relative;
}

#startform div.f_element span.f_label, div.f_element span.f_input{
  margin: 0px;
  padding: 0px;
}

#startform div.f_element span.f_label {
	position:absolute;
	left: 5px;
	vertical-align: top;
}

#startform div.f_element span.f_input {
	position: relative;
	top: 12px;
	left:5px;
	width: 175px;
}

#startform div.f_element span.f_input .probekonto, #startform div.f_element .probekonto{
	background: url(../images/button_probekonto.gif) no-repeat;
	position:relative;
	left: -5px;
	width: 130px;
	height: 20px;
	border: 0px;
}



#startform div.f_element input:focus,select:focus {
	border: 1px solid #1B277B;
	background-color: #FFFFFF;
	color: #000;
}

#startform div.f_element input.normal {
	width: 155px;
}
#startform div.f_element select.normal {
	width: 162px;
}

#startform div.f_element input.half {
	width: 97px;
}
#startform div.f_element input.long {
	width: 154px;
}
#startform div.f_element input.short {
	width: 40px;
}
#startform div.f_element input.short2 {
	width: 20px;
}
#startform div.f_element input.short4 {
	width: 40px;
}

@media screen and (min-width: 0px) {#startform div.f_element input.normal { width: 157px; } }
@media screen and (min-width: 0px) {#startform div.f_element input.half { width: 99px; } }
@media screen and (min-width: 0px) {#startform div.f_element input.long { width: 156px; } }
@media screen and (min-width: 0px) {#startform div.f_element input.short { width: 42px; } }
@media screen and (min-width: 0px) {#startform div.f_element select.normal { width: 160px; } }

/*--- Anmeldestartform Ende ---*/

.bold {
	font-weight: bold;
}

.blau {
	color: #001358;
	line-height:16px;
}

br.clr{
	clear: both;
}
div.clr{
	clear: both;
	min-height:0px;
	height:0px;
	line-height:0px;
}
div.clr1{
	clear: both;
	min-height:1px;
	height:1px;
	line-height:1px;
}
div.clr2{
	clear: both;
	min-height:2px;
	height:2px;
	line-height:2px;
}
div.clr5{
	clear: both;
	min-height:5px;
	height:5px;
	line-height:5px;
}
div.clr8{
	clear: both;
	min-height:8px;
	height:8px;
	line-height:8px;
}
div.clr10{
	clear: both;
	min-height:10px;
	height:10px;
	line-height:10px;
}
div.clr12{
	clear: both;
	min-height:12px;
	height:12px;
	line-height:12px;
}
div.clr15{
	clear: both;
	min-height:15px;
	height:15px;
	line-height:15px;
}
div.clr20{
	clear: both;
	min-height:20px;
	height:20px;
	line-height:20px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.clearfix {
		display: inline-table;
    margin: 30px 0px 10px 0px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.content_start_box_text {
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 12px;
}

.content_anmelde_box_text_js{
	text-align:left;
	width: 150px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
}

.content_anmelde_box_text_njs{
	text-align:left;
	width: 150px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
}

.content_anmelde_box_text h1,.content_anmelde_box_text_js h1, .content_anmelde_box_text_njs h1{
/*	display:inline;*/
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	font-size:10px;
}

#content_start_anmeldung {
	width: 172px;
	height: 175px;
	margin: -4px 0px 0px 0px;
	border: 0px solid #DBDADA;
}

#content_login {
	width: 162px;
	height: 150px;
	padding: 5px;
	border: 0px solid #DBDADA;
}

#content_login label {
	color: #233287;
	font-size: 12px;
}

#content_login #login-submit {
	margin: 0px;
}

#content_kosten_sparen {
	width: 172px;
	margin: -4px 0px 0px 0px;
	border: 0px solid #DBDADA;
}

#content_start_anmeldung_single {
	width: 170px;
	margin: 40px auto 40px;
	height: 265px;
	border: 6px solid #243185;
}

#content_start_anmeldung_pic{
/*	background: url(/images/bg_register.gif) no-repeat;*/
	width: 172px;
	height: 170px;
}

#content_start_anmeldung_pic2{
/*	background: url(/images/bg_register.gif) no-repeat;*/
	width: 172px;

}

.description{
	font-size:10px;
	margin-left: 3px;
	padding : 2px;
}

.haken{
	background : url(./images/haken_unten.jpg) no-repeat;
	margin: 5px 0px;
	padding: 0px 0px 0px 12px;
}

#startform .probekonto{
	background: url(/images/button_probekonto.gif) no-repeat;
	width: 130px;
	height: 20px;
	border: 0px;
}
.radio_lb{
	vertical-align:top;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.iframe_hidden{
	display:none;
}

.produkt {
	min-height: 240px;
	float:left;
	color: #393939;
	background-repeat: repeat-y;
	margin: 4px;
	padding: 0px 0px 0px 0px;
	border:1px solid #1B277B;
	width: 180px;
	text-align: left;
	font-size:9px;
}

* html .produkt { height:240px; }
.produkt:after { content: "."; display: block; height: 0px; clear: both;visibility: hidden;}

.produkt .description{
	padding : 5px;
}

.produkt_trenner{
	width: 4px;
	margin: 0px;
	float:left;
}

* html .produkt_trenner{
	display:inline;
	width: 0px;
	margin: 0px -4px;
	float:left;
}

.produkt .pdf{
	background: url(/images/icon_pdf.gif) no-repeat;
	padding : 0px 0px 0px 25px;
	margin: 5px 0px;
	color: #000000;
}

.qsign_tarif_dr{
  background: url(/images/headline_tarif_qsign.gif);
  padding : 8px 0px 0px 5px;
  line-height: 30px;
  width: 175px;
  height: 22px;
}

.qsign_tarif_mail{
  background: url(/images/headline_tarif_mail.gif);
  padding : 8px 0px 0px 5px;
  line-height: 30px;
  width: 175px;
  height: 22px;
}

.qsign_tarif_xml{
  background: url(/images/headline_tarif_xml.gif);
  padding : 8px 0px 0px 5px;
  line-height: 30px;
  width: 175px;
  height: 22px;
}

.qradio_lb {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 3px 0px;

}

.bg_on {
	margin: 0px;
	padding: 0px  0px  0px  10px;
	color: #243185;
	line-height: 25px;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	height: 28px;
	width: 160px;
	font-size: 10px;
	background: url(/images/bg_step_on.gif) no-repeat;
}

.bg_off {
	margin: 0px;
	padding: 0px  0px  0px  10px;
	color: #868CB6;
	line-height: 25px;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	height: 28px;
	width: 160px;
	font-size: 10px;
	background: url(/images/bg_step_off.gif) no-repeat;
}

.bg_off_visited {
	margin: 0px;
	padding: 0px  0px  0px  10px;
	color: #73C873;
	line-height: 25px;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	height: 28px;
	width: 160px;
	font-size: 10px;
	background: url(/images/bg_step_off.gif) no-repeat;
}

.info_blau {
	font-size: 14px;
	font-weight: bold;
	color: #233287;
}

.info_blau_big {
	font-size: 16px;
	font-weight: bold;
	color: #233287;
}

.haken_liste {
	list-style-image: url(../images/haken_unten.jpg);
	margin: 4px;
	margin-left: -15px;
}

div.center {
	text-align: center;
}

#new-tariff {
	position: absolute;
	top: 231px;
	right: 160px;
}

* html #new-tariff img {
	behavior: url(../scripte/iepngfix.htc);
}

div.registration {
	text-align: center;
	margin: 20px 0px;
}