/*##################################################*/
/*#     CSS STYLESHEET VERBRAUCHERZENTRALE.DE      #*/
/*#            BARRIEREFREIE UMSETZUNG             #*/
/*##################################################*/

@import "slimbox.css";


/*##################################################*/
/*#                LAYER ELEMENTE                  #*/
/*##################################################*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin: 0;
	padding: 0;
}

/* vertikalen Scrollbalken erzwingen, damit Inhalt im Fenster nicht springt */
html {
	min-height: 101%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
	background: #ffa722 url(../images/hintergrund.gif) no-repeat;
}

#container {
	position: relative; /* Damit Stromwechsel Stempel relativ zu container positioniert werden kann */
	width: 778px;
	margin: auto;
	padding: 0;
	font-size: 62.5%; /* Schriftgröße auf 1em = 1px setzen */
	text-align: left;
}

#dunkelgrau {
	float: left;
	width: 270px;
	height: 11px;
	line-height: 0;
	background-color: #666;
}

#hellgrau {
	float: right;
	clear: right;
	width: 508px;
	height: 11px;
	line-height: 0;
	background-color: #999999;
}

#headnavi {
	float: left;
	clear: both;
	width: 770px;
	height: 40px;
	background-color: #ffa722;
	text-align: right;
}

#schatten_oben {
	clear: both;
	width: 778px;
	height: 40px;
	background: #ffcc22 url(../images/schatten_subnavi.gif) bottom right no-repeat;
}

#vz_logo {
	float: left;
	width: 270px;
	height: 40px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	line-height: 0;
	border: none;
	background: #ffa722 url(../images/vz_logo.gif) bottom left no-repeat;
}

#inhalt_container {
	float: right;
	width: 508px;
	padding: 0;
}

#links {
	width: 270px;
	float: left;
	text-align: left;
	background-color: #fff;
}

#bild {
	width: 270px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#inhalt_schatten {
	width: 8px;
	height: 471px;
	float: right;
	background: url(../images/schatten_rechts.gif) no-repeat top left;
}

#inhalt {
	width: 500px;
	float: left;
	text-align: left;
	padding: 0;
	background-color: #fff;
}

#ratgeber {
	margin: 1.2em 1.2em 1.2em 2.2em;
	padding: 0;
}

#fusszeile {
	position: relative;
	vertical-align: bottom;
	top: 2em;
	height: 30px;
	width: 500px;
	clear: both;
	border-top: 1px solid #999;
	background-color: #fff;
	background-image: url(../images/vz_logo_fusszeile.gif);
	background-repeat: no-repeat;
	background-position: 357px 8px;
}

/* clearfix für Definition Items */
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0;
	line-height:0;
    clear: both; 
    visibility: hidden;
}

/* class to indent text */
.indent {
	margin-left: 2em;
}


/*##################################################*/
/*#           BLOCKELEMENTE + SCHRIFT              #*/
/*##################################################*/

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.25;
	font-weight: normal;
	color: #000;
	margin: 0.5em 2.5em 0.4em 2.5em;
}

/***************  SEITENÜBERSCHRIFTEN  **************/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1;
	color: #cc0000;
	margin: 0em 2em 1em 2em;
	padding-left: 35px;
	padding-top: 25px;
	background-image: url(../images/pfeil_h1.gif);
	background-repeat: no-repeat;
	background-position: 0em 2em;
}

/***************  RATGEBER ÜBERSCHRIFT  *************/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc0000;
	padding: 0.6em 0.6em 0.6em 2.6em;
	margin: 0;
	border: 1px solid #999999;
	background: #e9e9e7 url(../images/pfeil_h2.gif) no-repeat 0.6em 0.7em;
}

/**************  AKTUELLES ÜBERSCHRIFT  ************/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc0000;
	padding: 0.6em 0.6em 0.3em 2.6em;
	margin-top: 1.5em;
	margin-right: 8px;
	border: 1px solid #999999;
	background: #ffcc33 url(../images/pfeil_h3.gif) no-repeat 0.6em 0.7em;
}

/****************  TEXT ÜBERSCHRIFT  ***************/
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
	margin: 2.5em 2.4em 0 2.4em;
	padding-left: 25px;
	padding-bottom: 2px;
	background-image: url(../images/pfeil_h4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*****************  FAQ ÜBERSCHRIFT  ***************/
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1em;
	color: #cc0000;
	margin: 2.5em 2.4em 0 2.4em;
	padding-left: 25px;
	padding-bottom: 1px;
	background-image: url(../images/pfeil_h4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	color: #000000;
	margin: 1.5em 2.4em 0 2.5em;
	padding:0;

}

h6.aktuelles {
	font-size: 1.4em;
	margin: 0 2.2em 0 2.2em;
	line-height: 1;
}

ul,
ol {
	padding: 0;
	margin: 1.5em 2.5em 0 2.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	color: #000;
}

li {
	margin: 0.3em 0 0 3em;
	list-style-type: none;
	list-style-image: url(../images/pfeil_li.gif);
	padding: 0;
}

ol li {
	list-style-type: decimal;
	list-style-image: none;
}

ul.faq {
	padding: 0;
	margin: 1.5em 3.8em;
}

.faq li {
	margin: 0 0 0.5em 0.5em;
	list-style-image: none;
	padding: 0;
	list-style-type: decimal;
	line-height:1em;
}

.faq a:link, .faq a:visited {
	color: #cc0000;
	font-weight: normal;
	text-decoration: none;
	background-image: none;
	padding: 0;
}
.faq a:hover, .faq a:active {
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
	background-image: none;
	padding: 0;
}


.unsichtbar {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	background-image: none;
}

.schwarz {
	color: #000;
}

.ratgeber_pic  {
	float: left;
	width: 71px;
	padding: 0;
	border: 1px solid #000;
	line-height: 0;
}

.ratgeber_artikel  {
	padding: 1em;
	margin: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #e9e9e7;
}

p.ratgeber_text {
	font-size: 1.1em;
	line-height: 1.15;
	margin: 0 0 0 85px;
}

p.ratgeber_footer {
	font-size: 1.1em;
	line-height: 1.15;
	color: #333;
	margin: 0;
}

p.aktuelles {
	margin-top: 1.3em;
}

p.datum {
	margin: 3em 3em 0 3em;
	font-size: 1em;
	color: #cc0000;
}

p#flash_navi {
	margin: 1em 0 0 0;
	width: 500px;
	height: 350px;
	padding: 0;
}

p.fussnote {
	margin-top: 1.5em;
	border-top: 1px solid #ccc;
	padding-top: .5em;
	font-size: 1em;
}

p.bildunterschrift {
	margin: .5em 3em 0 3em;
	font-size: 1em;
}

.clearfix p.bildunterschrift {
	margin: .5em 0 0 0;
}

.drucken {
	border: 0;
	padding-left: 10px;
}

img.img_content {
	margin: 1.5em 3em 0 3em;
}

.img_left {
	float: left;
	margin: .5em 1.5em 1.5em 3.1em;
}

.img_right {
	float: right;
	margin: 0 2.5em 1.5em 1.5em;
}


/*##################################################*/
/*#                     LINKS                      #*/
/*##################################################*/

a,
a:link,
a:visited {
	color: #cc0000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/pfeil_link.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
}

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


a.unformatiert,
a.unformatiert:link,
a.unformatiert:visited,
a.unformatiert:hover, 
a.unformatiert:active,
a.unformatiert:focus {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
	padding-left: 0;
}

a.drucken,
a.drucken:link,
a.drucken:visited,
a.drucken:hover,
a.drucken:active,
a.drucken:focus {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
	padding-left: 0;
}

a.top,
a.top:link,
a.top:visited {
	text-decoration: none;
	background-image: url(../images/pfeil_top.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 12px;
}

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

h1 a {
	font-size: 1em;
	color: #cc0000 !important;
	font-weight: bold !important;
	padding-left: 0 !important;
	text-decoration: none;
	background-image: none !important;
}

a.mail {
	background-image: none;
	padding-left: 0;
}

a img {
	border: none;
}



/*##################################################*/
/*#                   FORMULARE                    #*/
/*##################################################*/

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	
}


/*##################################################*/
/*#                     MENÜS                      #*/
/*##################################################*/

/****************  HEAD NAVIGATION  ***************/
#headnavilist {
	font-size: 1.2em;
	list-style: none;
	padding: 0;
	margin: 0;
}

#headnavilist li {
	display: inline;
	padding: 0;
	margin: 0;
}

#headnavilist li a { 
	text-decoration: none;
	font-weight: normal;
	line-height: 40px;
	padding: 0 1em;
	border-right: 1px solid #fff;
	background-image: none;
}

#headnavilist li a:link, #headnavilist li a:visited { 
	color: #000;
}

#headnavilist li a:hover, #headnavilist li a:active { 
	color: #fff;
}

#headnavilist li a.noborder {
	border-right: none;
}

#headnavilist li#drucken_top a {
	border-right: none;
	padding-left: .6em;
}



/****************  HAUPT NAVIGATION  ***************/
#hauptnavilist {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 1em 0em;
	margin: 0;
	background-color: #999;
}

#hauptnavilist li {
	list-style-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#hauptnavilist li a { 
	display: block;
	padding-left: 1.8em;
	text-decoration: none;
	font-weight: normal;
	background-image: none;
	line-height: 2em;
	color: #fff;
}

#hauptnavilist li a:link, 
#hauptnavilist li a:visited {
}

#hauptnavilist li a:hover,
#hauptnavilist li a:active {
	background-color: #ffcc33;
	color: #000;
}

#hauptnavilist li#active a {
	background-color: #fff;
	color: #000;
}


/*************  BACKOFFICE NAVIGATION  *************/
.backofficenavilist {
	height: 252px;
}


/*##################################################*/
/*#                     UMFRAGE                    #*/
/*##################################################*/

#umfrage {
	margin: 1.2em 1.2em 0 2.2em;
	padding-bottom: .6em;
	background: #E9E9E7;
	border: 1px solid #999;
	
}

#umfrage h2 {
	border: none;
	border-bottom: 1px solid #999999;
	padding: .6em .6em .6em 2.6em;
	margin: 0;
	background: #e9e9e7 url(../images/pfeil_h2.gif) no-repeat 0.6em 0.7em;
}

#umfrage h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: .7em .6em 0 .6em;
	border: none;
	background: none;
}

#umfrage p {
	margin: .5em .6em 0 .6em;
	font-size: 1.1em;
}

#umfrage .fehler {
	color: #CC0000;
}



form fieldset {
	margin: 0;
	padding: 0;
	border: solid 0 #E9E9E7; /* Opera doesn't get border:none or border:0 on fieldsets */
}

fieldset.frage_unsichtbar {
	display: none;
}

/* Legende der fieldsets verstecken
   line-height zurücksetzen, damit kein zusätzlicher Leerraum entsteht */
form fieldset legend {
	text-indent: -1000em;
	line-height: 0;
}

/* Labels als Block Element darstellen, damit nachfolgende Formular Elemente umgebrochen werden */
form fieldset p label {
	display: block;
	margin-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}


/* Außenabstände von Hinweisen in verschachtelten fieldsets zurücksetzen  */
form fieldset.radiobtns p.hinweis,
form fieldset.checkbxs p.hinweis {
	margin-left: 0;
	margin-right: 0;
}

/* Formular Elemente rechter Abstand */
form fieldset input.radio,
form fieldset input.checkbox,
form fieldset select {
	margin: 0;
}

form fieldset input.button {
	margin-top: .2em;
}

/* Formatierung für Textfield */
form fieldset input.textfield {
	width: 100%;
	padding: .2em;
	background-color: #fff;
	border: solid 1px #999;
	font-size: 1.2em;
	color: #000;
}

fieldset textarea {
	font-size: 100%;
}