/* =========================================================
For Sale Digital - Netto Blumenservice
Datei: screen.css
Media: screen
Datum: 2007-01-15
Autor: Alexander Woitalla, Mark J�ger
Mail: info@for-sale-digital.de
Web: http://www.for-sale-digital.de
========================================================== */
	/* Elemente */
dd,dt,p,ul,li,div,address,form,blockquote,frame,iframe,frameset,body,table,th,td,tr,ol,dl,dt,dbr,img,map,object,h1,h2,h3,h4,h5,h6
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

ul,ol {
	list-style: none;
}

fieldset {
	border: none;
}

label {
	cursor: pointer;
}

option {
	padding: 1px 1px;
}

a img,:link img,:visited img,img {
	border: none
}

a,a:link,a:visited,a:active,a:hover,a:link *,a:visited *,a:active *,a:hover *
	{
	text-decoration: underline;
	font-weight: bold;
	color: #333333;
}

input.text {
	border: 1px solid #a5acb2;
	padding: 2px;
}

textarea {
	border: 1px solid #a5acb2;
	padding: 2px;
}

h1,h2,h3,h1 a,h2 a,h3 a,strong,th {
	font-weight: bold;
}

td,th {
	vertical-align: top;
}

body {
	line-height: 15px;
	color: #333333;
	background-color: white;
	font-size: 12px;
	text-align: left;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

.abs {
	position: absolute;
	display: block;
}

.fehler {
	font-weight: bold;
	color: #E60005;
}

.preis {
	font-size: 12px;
	font-weight: bold;
}

.bl {
	margin-bottom: -1px;
}

.b11 {
	font-weight: bold;
	font-size: 11px;
}

input.s,select.s {
	width: 118px;
	border: 1px solid #A5ACB2;
	padding: 1px 2px;
}

select.s {
	height: 16px;
}

label.s,div.s {
	float: left;
	width: 132px;
	font-weight: bold;
	font-size: 11px;
	height: 40px;
}

.check {
	font-weight: bold;
	font-size: 11px;
	margin-right: 13px;
}

/* Container */
#cont {
	width: 961px;
	top: 0px;
	left: 0px;
	position: absolute;
}

/* Kopf */
#head {
	position: relative;
	top: 0px;
	left: 0px;
	width: 961px;
	height: 107px;
	background: url(../images/netto_head1.jpg) left top no-repeat;
}

#head a {
	display: block;
	height: 70px;
	left: 5px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	width: 194px;
	/*	background: url(../images/netto_logo_head.gif) left top no-repeat;*/
}

/* Navi */
#navi {
	position: absolute;
	left: 0px;
	top: 107px;
	width: 961px;
	height: 30px;
	background: url(../images/netto_navi_bar.gif) left top no-repeat;
}

#navi a,#navi div {
	font-family: Verdana !important;
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 5px;
}

#navi #date {
	left: 30px;
	font-size: 12px;
}

#navi #cardnmore #yellow {
	color: #fff003;
	text-decoration: none;
	font-family: Verdana !important;
	font-size: 10px;
	font-weight: bold;
}

#navi #netto {
	left: 211px;
}

#navi #plus {
	left: 254px;
}

#navi #shop {
	left: 292px;
}

#navi #cardnmore {
	left: 254px;
	font-style: italic
}

#navi #blumen {
	left: 328px;
	color: #d90205;
}

#navi #fotografie {
	left: 383px;
}

#navi #reisen {
	left: 455px;
}

#navi #onlineapotheke {
	left: 503px;
}

#navi #nettokom {
	left: 603px;
}

#navi #tvshop {
	left: 671px;
}

#navi #agb {
	left: 730px;
	font-size: 10px;
	top: 5px;
}

#navi #datenschutz {
	left: 761px;
	font-size: 10px;
	top: 5px;
}

#navi #kontakt {
	left: 839px;
	font-size: 10px;
	top: 5px;
}

#navi #impressum {
	left: 888px;
	font-size: 10px;
	top: 5px;
}

/* Buttons */
button {
	border: none;
}

.zurueck {
	width: 87px;
	height: 25px;
	padding-top: 0px;
	overflow: hidden;
	position: absolute;
	top: 256px;
	left: 0px;
	z-index: 5;
}

.weiter {
	width: 87px;
	padding-top: 0px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 496px;
	z-index: 5;
}

weiter2 {
	width: 84px;
	padding-top: 25px;
	height: 25px;
	overflow: hidden;
	/*		background: url(../images/plus_weiter.gif) left top no-repeat; */
	z-index: 5;
}

.bestellen {
	width: 182px;
	padding-top: 0px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 402px;
	z-index: 5;
}

/* Content Teaser */
.teaser {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 581px;
	height: 247px;
}

.teaser h2 {
	position: absolute;
	top: 110px;
	left: 310px;
}

.teaser p {
	position: absolute;
	top: 128px;
	left: 310px;
	width: 260px;
}

.teaser .zoom {
	position: absolute;
	background: url(../images/netto_zoom.gif) left top no-repeat;
	padding-left: 20px;
	line-height: 18px;
	left: 310px;
	top: 210px;
	font-weight: normal !important;
}

.teaser .best {
	width: 115px;
	height: 0px;
	padding-top: 25px;
	overflow: hidden;
	position: absolute;
	background: url(../images/netto_best.gif) left top no-repeat;
	padding-left: 20px;
	top: 208px;
	left: 373px;
}

.teaser .price {
	display: none;
}

#teaser_strauss1 {
	left: 0px;
	top: 249px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_98232.jpg) left top no-repeat;*/
}

#teaser_strauss2 {
	position: absolute;
	left: 196px;
	top: 249px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_98128.jpg) left top no-repeat;*/
}

#teaser_strauss3 {
	left: 391px;
	top: 249px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_99937.jpg) left top no-repeat;*/
}

#teaser_strauss4 {
	position: relative;
	left: 0px;
	top: 530px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_97712.jpg) left top no-repeat;*/
}

#teaser_strauss5 {
	left: 196px;
	top: 530px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_97491.jpg) left top no-repeat;*/
}

#teaser_strauss6 {
	left: 391px;
	top: 530px;
	width: 191px;
	height: 279px;
	/*	background: url(../images/teaser_97234.jpg) left top no-repeat;*/
}

#teaser_strauss1 h2,#teaser_strauss2 h2,#teaser_strauss3 h2,#teaser_strauss4 h2,#teaser_strauss5 h2,#teaser_strauss6 h2
	{
	top: 0px;
	left: 0px;
}

#teaser_strauss1 h2 a,#teaser_strauss2 h2 a,#teaser_strauss3 h2 a,#teaser_strauss4 h2 a,#teaser_strauss5 h2 a,#teaser_strauss6 h2 a
	{
	display: block;
	width: 176px;
	padding-top: 165px;
	padding-left: 10px;
}

#teaser_strauss1 p,#teaser_strauss2 p,#teaser_strauss3 p,#teaser_strauss4 p,#teaser_strauss5 p,#teaser_strauss6 p
	{
	top: 195px;
	left: 10px;
	width: 175px;
}

#teaser_strauss1 .zoom,#teaser_strauss2 .zoom,#teaser_strauss3 .zoom,#teaser_strauss4 .zoom,#teaser_strauss5 .zoom,#teaser_strauss6 .zoom
	{
	top: 248px;
	left: 10px;
}

#teaser_strauss1 .best,#teaser_strauss2 .best,#teaser_strauss3 .best,#teaser_strauss4 .best,#teaser_strauss5 .best,#teaser_strauss6 .best
	{
	top: 245px;
	left: 70px;
	background: url(../images/netto_best2.gif) left top no-repeat;
}

/* Bestellung */
#content {
	position: absolute;
	left: 208px;
	top: 132px;
	margin-top: 24px;
}

#content form {
	width: 581px;
}

#liste {
	background: url(../images/netto_liste_m.gif) left repeat-y;
	height: auto;
	margin-top: 10px;
	width: 581px;
}

#pager {
	position: relative;
	height: 45px;
	width: 581px;
	z-index: 10;
}

.zeile {
	height: 23px;
	background: url(../images/netto_zeile.gif) bottom repeat-x;
	position: relative;
	width: 555px;
	margin-left: 15px;
	position: relative;
}

.zeile_bottom {
	background: 0;
	margin-bottom: -5px;
}

.zeile_abs {
	height: 23px;
	background: url(../images/netto_zeile.gif) bottom repeat-x;
	position: relative;
	width: 555px;
	margin-right: 20px;
	position: relative;
}

.zeile_abs div,.zeile h2 {
	position: absolute;
	top: 4px;
	left: 0px;
}

.zeile div,.zeile h2 {
	position: absolute;
	top: 4px;
	left: 0px;
}

.zeile .anzahl {
	left: 110px;
}

.zeile .name {
	left: 130px;
}

.zeile .mit {
	left: 110px;
	font-style: italic;
}

.zeile .edit {
	left: 370px;
}

.zeile .del {
	left: 425px;
}

.zeile .haken {
	right: 10px;
	left: auto;
	top: 5px;
	height: 14px;
	text-align: right;
	padding-right: 25px;
	background: url(../images/netto_haken.gif) no-repeat center right;
}

.zeile a,.zeile .edit a,.zeile .del a {
	font-weight: normal;
	font-size: 11px;
}

/* Gru�karte */
#gruss {
	position: relative;
	background: url(../images/netto_liste_m.gif) left top repeat-y;
	width: 581px;
	margin-top: -20px;
}

#gruss #anw {
	font-size: 12px;
	margin: -20px 0px 0px 10px;
}

#gruss #headline {
	margin: 20px 0px 0px 30px;
}

#gruss #cards {
	margin: 15px 0px 0px 25px;
}

#gruss_item {
	position: relative;
	width: 140px;
	height: 200px;
}

#gruss_item .zoom {
	position: absolute;
	background: url(../images/netto_zoom.gif) left top no-repeat;
	width: 17px;
	height: 17px;
	left: 90px;
	top: 90px;
}

#gruss_item h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#gruss_item h2 a {
	display: block;
	width: 100px;
	padding-left: 10px;
	padding-top: 120px;
}

#gruss_item p {
	font-size: 16px;
	position: absolute;
	left: 10px;
	top: 155px;
	font-weight: bold;
}

#gruss_item label {
	font-size: 12px;
	position: absolute;
	left: 8px;
	top: 178px;
	font-weight: bold;
}

#gruss_item input {
	margin: 0px 5px -2px 0px;
}

#gruss .line {
	margin: 10px 18px 0px 13px;
	height: 1px;
	background: url(../images/netto_zeile.gif) left top repeat-x;
}

#gruss .text {
	margin: 15px 0px 0px 30px;
}

#gruss .text textarea {
	margin: 0px;
	width: 530px;
	height: 123px;
	font-family: 'Courier New';
	font-size: 11px;
}

#gruss .text p {
	margin: 5px 0px 20px 0px;
	width: 200px;
	font-size: 11px;
}

#gruss .checkbox {
	margin: 10px 0px 10px 30px;
}

#gruss .checkbox input {
	margin: 0px 5px 0px 0px;
}

/* Geschenke */
#geschenk {
	background: url(../images/netto_liste_m.gif) right repeat-y;
	width: 581px;
}

#geschenk #anw {
	font-size: 12px;
	margin: -50px 0px 0px 10px;
}

#geschenk #gifts {
	margin: 20px 0px 20px 30px;
}

#gift_item {
	position: relative;
	width: 270px;
	height: 170px;
}

#gift_item h2 {
	position: absolute;
	left: 140px;
	top: 25px;
}

#gift_item .zoom {
	position: absolute;
	background: url(../images/netto_zoom.gif) left top no-repeat;
	width: 40px;
	height: 17px;
	left: 140px;
	top: 62px;
	line-height: 18px;
	padding-left: 20px;
	font-weight: normal !important;
}

#gift_item p {
	font-size: 16px;
	position: absolute;
	left: 140px;
	top: 90px;
	font-weight: bold;
}

#gift_item label {
	font-size: 12px;
	position: absolute;
	left: 140px;
	top: 110px;
	font-weight: bold;
}

#gift_item input {
	margin: 0px 5px -1px 0px;
}

#geschenk .line {
	margin: 10px 14px 0px 19px;
	height: 1px;
	background: url(../images/netto_zeile.gif) left top repeat-x;
}

/* Anschrift */
#anschrift {
	background: url(../images/netto_liste_m.gif);
	position: relative;
	width: 581px;
}

#anschrift #login {
	width: 256px;
	height: 150px;
	float: right;
	border: 1px solid #333;
	border-width: 1px 0 1px 0;
	background: #E7E7E7;
	margin: 20px 15px 0px 10px;
}

#login label {
	width: 225px;
	height: 20px;
	text-align: right;
}

#login input {
	width: 160px;
}

#anschrift #anw {
	width: 270px;
	display: block;
	margin: 10px 0px 0px 15px;
}

#anschrift h2 {
	font-size: 13px;
	padding-left: 20px;
	padding-top: 10px;
}

#anschrift #addressbox {
	overflow: hidden;
	border: 1px solid #333;
	border-width: 1px 0 1px 0;
	background: #E7E7E7 url(../images/netto_dashed.gif) 137px top repeat-y;
	margin: 10px 12px;
	padding-bottom: 10px;
}

#anschrift #form_error {
	position: absolute;
	left: 15px;
	top: 133px;
	width: 285px;
	color: #d01c25;
	font-size: 12px;
	font-weight: bold;
	border: 1px dashed #949494;
	border-width: 1px 0px 1px 0px;
	padding: 7px 0px;
}

#anschrift .error {
	color: #d01c25;
}

.error input {
	border: 1px solid #d01c25;
}

/* Zahlweise */
#zahlweise {
	background: url(../images/netto_liste_m.gif);
	position: relative;
	width: 581px;
	margin-top: -20px;
}

#zahlweise #anw {
	width: 380px;
	display: block;
	margin: -65px 0px 35px 15px;
}

#zahlweise #login {
	width: 256px;
	height: 150px;
	float: right;
	border: 1px solid #333;
	border-width: 1px 0 1px 0;
	background: #E7E7E7;
	margin: 20px 15px 0px 10px;
}

#zahlweise #formbox {
	overflow: hidden;
	border: 1px solid #333;
	border-width: 1px 0 1px 0;
	background: #E7E7E7 url(../images/netto_dashed.gif) 270px top repeat-y;
	margin: 0px 12px 10px 12px;
	padding-bottom: 10px;
}

#zahlweise #cvv {
	float: left;
	width: 120px;
	display: block;
	font-size: 11px;
	line-height: 12px;
	margin-top: 15px;
}

#zahlweise #form_error {
	width: 554px;
	color: #d01c25;
	font-size: 12px;
	font-weight: bold;
	border: 1px dashed #949494;
	border-width: 1px 0px 1px 0px;
	padding: 7px 0px;
	margin-left: 12px;
}

#zahlweise .error {
	color: #d01c25;
}

.error input {
	border: 1px solid #d01c25;
}

/* Zahlweise */
#richtig {
	background: url(../images/netto_liste_m.gif);
	position: relative;
	width: 581px;
	margin-top: 10px;
}

#richtig #anw {
	font-size: 12px;
	margin: -35px 0px 0px 260px;
}

#richtig #formbox {
	border: 1px solid #333;
	border-width: 1px 0 1px 0;
	background: #E7E7E7;
	margin: 0px 12px 10px 12px;
	padding-bottom: 10px;
}

#richtig #form_error {
	width: 554px;
	color: #d01c25;
	font-size: 12px;
	font-weight: bold;
	border: 1px dashed #949494;
	border-width: 1px 0px 1px 0px;
	padding: 7px 0px;
	margin-left: 12px;
}

#eingaben td {
	padding: 10px 0px 10px 20px;
}

#eingaben .line {
	height: 1px;
	background: url(../images/netto_zeile.gif) bottom repeat-x;
}

#eingaben a {
	font-weight: normal;
}

#eingaben .ld {
	width: 80px;
}

#eingaben .lc {
	width: 180px;
}

#eingaben .rd {
	width: 80px;
}

#eingaben .rc {
	padding-right: 10px;
}

/* Dabk */
#dank {
	background: url(../images/netto_dank.jpg) left top no-repeat;
	position: relative;
	width: 581px;
	height: 250px;
	margin: 10px 0px 15px 0px;
}

#dank #anw {
	position: relative;
	width: 300px;
	top: 127px;
	left: 17px;
}

/* Frame Teaser */
#teaser_garantie {
	position: absolute;
	left: 13px;
	top: 156px;
	width: 183px;
	height: 169px;
	background: url(../images/netto_teaser_garantie.gif) left top no-repeat;
}

#teaser_garantie ul {
	font-size: 12px;
	margin: 50px 0px 0px 38px;
}

#teaser_garantie li {
	margin-top: 16px;
}

#teaser_garantie a {
	font-weight: normal;
}

#teaser_qualitaet {
	left: 13px;
	top: 325px;
	width: 183px;
	height: 275px;
	background: url(../images/netto_teaser_qualitaet.gif) left top no-repeat;
}

#teaser_qualitaet img {
	border:0px;
  margin:41px 13px 0px 10px;
  position:relative;
  left:25px;
}

#teaser_qualitaet p{
  position:static;
  width:auto;
  top:auto;
  left:auto;
  font-size:11px;
  margin: 5px 10px 0px 10px;
}

#teaser_cardnmore {
	display: block;
	left: 803px;
	top: 156px;
	width: 155px;
	height: 315px;
	background: url(../images/cardnmore_teaser.jpg) left top no-repeat;
}

#teaser_app {
	display: block;
	left: 803px;
	top: 660px;
	width: 155px;
	height: 345px;
	background: url(../images/app_teaser.jpg) left top no-repeat;
}

#teaser_neueroeffnung {
	display: block;
	left: 803px;
	top: 485px;
	width: 155px;
	height: 161px;
	background: url(../images/netto_teaser_neueroeffnung.jpg) left top
		no-repeat;
}

#teaser_webcook {
	display: block;
	left: 803px;
	top: 331px;
	width: 155px;
	height: 160px;
	background: url(../images/netto_teaser_webcook.jpg) left top no-repeat;
}

/* Footer */
#footer {
	position: relative;
	width: 591px;
	left: -5px;
	height: 120px;
	background: url(../images/netto_footer.gif) left top no-repeat;
	font-size: 10px;
	color: #000000;
}

#footer a {
	font-family: Verdana !important;
	color: #000000;
	font-weight: normal;
}

#footer #preise {
	font-family: Verdana !important;
	position: absolute;
	top: 9px;
	left: 75px;
}

#footer #hotline {
	text-align: center;
	top: 40px;
	width: 100%;
	position: absolute;
	font-size: 11px;
	color: #333333;
}

#footer #cards {
	position: absolute;
	left: 210px;
	top: 75px;
}

/*  HILFE POPUP   */
#hlpnav {
	position: absolute;
	left: 7px;
	top: 5px;
	width: 662px;
	height: 52px;
	z-index: 10;
	text-align: left;
}

#hlphead {
	position: absolute;
	left: 38px;
	top: 80px;
	width: 352px;
	height: 21px;
	z-index: 10;
	text-align: left;
}

#hlplin0 {
	position: absolute;
	left: 30px;
	top: 148px;
	width: 610px;
	height: 1px;
	z-index: 10;
	text-align: left;
}

#hlplin1 {
	position: absolute;
	left: 30px;
	top: 108px;
	width: 610px;
	height: 1px;
	z-index: 10;
	text-align: left;
}

#hlplin2 {
	position: absolute;
	left: 30px;
	top: 396px;
	width: 610px;
	height: 1px;
	z-index: 10;
	text-align: left;
}

#hlpbut {
	position: absolute;
	left: 470px;
	top: 407px;
	width: 160px;
	height: 17px;
	z-index: 10;
	text-align: right;
}

#hlpcon0 {
	position: absolute;
	left: 40px;
	top: 108px;
	width: 600px;
	height: 30px;
	z-index: 10;
	text-align: left;
	font: normal 12px/ 15px Arial, Helvetica, sans-serif;
}

#hlpcon1 {
	position: absolute;
	left: 40px;
	top: 165px;
	width: 600px;
	height: 215px;
	z-index: 10;
	text-align: left;
	font: normal 12px/ 15px Arial, Helvetica, sans-serif;
}

#hlpcont {
	position: absolute;
	left: 30px;
	top: 110px;
	width: 639px;
	height: 285px;
	z-index: 10;
	text-align: left;
	overflow: auto;
}

#hlpsel {
	position: absolute;
	left: 40px;
	top: 407px;
	width: 210px;
	height: 20px;
	z-index: 10;
	text-align: left;
}

.hlpcont {
	font: normal 12px/ 15px Arial, Helvetica, sans-serif;
	padding: 15px 30px 15px 10px;
	text-align: left;
}

.hlpsel {
	color: #309c22;
	font: normal 11px/ 12px Arial, Helvetica, sans-serif;
}