@charset "utf-8";
/* NORMALISIERUNG */
body, div, ul, li, td, h1{
	background-color:#fff;
	font-size:100%;
	border:0 none;
	margin:0;
	padding:0;
}

h2{
	font-size:12px;
	font-weight:normal;
	margin:5px 0;
	background:transparent url(http://www.reppa.de/images/hp/usp3.gif) no-repeat scroll left top;
	display:block;
	height:13px;
	line-height:13px;
	padding-left:15px;	
}


body {
	background-color:#ededed;
	background-image:url(images/bg-top.gif);
	background-repeat:repeat-x;
	font-family: Arial, sans-serif;
	color: #373737;
	text-align: center;
}

div, span, img, form, h1, fieldset {
	background-color:transparent;
	border:0 none;
	margin:0;
	padding:0;
}

table{border: 0px}


/* GLOBAL */
a:link, a:visited {
	color:#373737;
	text-decoration:none;
}

a:hover, a:active {
	color:#ea5a08;
}

.hidden { 
	display:none;
}

/* STYLES OBEN */
#wrapper {
	width: 900px;
	margin: 0 auto;
	height: auto;
	text-align: left;
}

#header {
	float: left;
	width: 900px;
	height: 130px;
	display:block;
}

#logo1 {
	width: 201px;
	height: 96px;
	background-image:url(images/reppa.png);
	float: left;
	background-repeat: no-repeat;
}

#angebot_dm {
	float: right;
	width: 130px;
	height: 96px;
	background-image:url(images/angebot_bf.png);
	background-repeat: no-repeat;
}


/* BODY */
#artikelbild {
	float: left;
	padding-top:9px;
	width: 420px;
	height:294px;
	display:block;
}

.artikel {
	width: 560px;
	height: 83px;
	margin: 0 0 10px 3px;
	background-image:url(images/artikel_bg.png);
	border: 1pt solid #c9c9c9;
	float: left;
	font-size: 0.9em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.2em;
	color: #373737;
}


/* STYLES KUNDENDATEN */
#kundendaten {
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	width: 900px;
	border: 1pt solid #c9c9c9;
	float: left;
	background-image:url(images/form_bg.png);
	background-repeat: repeat-x;
	background-color: #f2f2f2;
}

#schritt2 {
	font-size: 12px;
	line-height: 1.4em;
	float:left;
	margin: 8px 0 15px 15px;
	padding-right: 20px;
}

#menge {
	color:#FFFFFF;
	font-size: 0.9em;
	float:left;
	border: 1pt solid #c9c9c9;
	margin: 5px 0 15px 15px;
	padding: 4px 8px;
	background-color: #ea5a08;
	width: 510px;
	background-image: url(images/menge_bg.png);
}

#cart {
	height: 18px;
	width: 21px;
	float: left;
	background-image: url(images/shopping_cart.png);
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-top: 2px;
	
}

#schritt3, #schritt4 {
	font-size: 1.2em;
	line-height: 1.6em;
	float:left;
	margin: 5px 0 15px 15px;
}

#schritt4 {
	margin-top: 13px;
}

.form_ub {
	margin: 4px 0 4px 0;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	width: 400px;
}

.feld, .feldzeile {
	float:left;
}

.feldzeile {
	margin-bottom: 8px;
	width: 400px;
	margin-left: 15px;
}

#zz_uebersicht {
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	width: 500px;
}

/* DG */
#cont_left		{ float:left; width:400px;}
#cont_right		{ float:right; width:450px;}

.promo			{ float:left; height:65px; line-height:6px; width:47px; display:block; text-align:center; margin:5px 10px;}

#artikelvid {
	float: right;
	background:url(images/bg_vid.png) no-repeat;
	padding-left:1px;
	padding-top:1px;
	width: 425px;
	height:294px;
	display:block;
	z-index:2;
}

#angebot {
	float: right;
	width: 500px;
	height: 20px;
	margin-top:80px;
	text-align:right;
	background-repeat: no-repeat;
	color:#777;
}


.bg				{ background:url(./images/bg_vid.gif) repeat-x left top; height:400px; width:100%; margin:0; padding:0; text-align:center; margin-bottom:0px; z-index:1 }

#preis		{ margin-left:310px; margin-top:150px; background:url(./images/def-preis.png) no-repeat; width:103px; height:37px; display:block; line-height:32px; text-align:center; color:#fff; font-size:15px; font-weight:bold;}


.hinweis_agb, .hinweis_radio, .hinweis_ds {
	width: 360px;
	border: 1pt solid #e01515;
	background-color: #ffdddd;
	color: #e01515;
	float: left;
	padding: 3px 5px;
	display: none;
	font-size: 0.7em;
	font-weight: bold;
	margin: 5px 5px 10px 15px;
}

/* ENDE DG */



.feld_label {
	font-size: 0.7em;
	margin: 2px 0 0 1px;
	color:#666666;
}

.agb_label {
	float:left;
	font-size: 12px;
	margin: 0 0 0 1px;
}

.input, .input2 {
	border: 1pt solid #c9c9c9;
	font-size: 1.0em;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 2px;
}

.input2 {
	margin-left: 10px;
	padding-left: 0px;
}

.bestellbutton {
	width: 209px;
	height: 28px;
	border: 1pt solid #c9c9c9;
	float: left;
	margin: 10px 0 0 15px;
}

.hinweis {
	width: 360px;
	border: 1pt solid #e01515;
	background-color: #ffdddd;
	color: #e01515;
	float: left;
	padding: 3px 5px;
	display: none;
	font-size: 0.7em;
	font-weight: bold;
	margin: 5px 5px 10px 15px;
}

#check {
	margin-top: 15px;
	float: left;
}

/* Startseite VID */
.vid {
	float: left;
	margin-bottom: 35px;
}

.vid_image {
	float: left;
}

.vid_text {
	float: left;
	margin-left: 20px;
	width: 450px;
}

.vid_header {
	float: left;
	width: 450px;
	color: #ea5a08;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}

.vid_beschreibung {
	float: left;
	width: 400px;
	margin-top: 5px;
	font-size: 0.9em;
	line-height: 1.4;
}

/* STYLES FOOTER */
#footer {
	width:100%;
	display:block;
	margin-top:20px;
	float:left;
	background:url(images/bg-bottom.gif) top repeat-x #fff;
	padding:30px 0 0 0;
	font-family: Arial, sans-serif;
	color: #373737;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 0.8em;
}
#footer span { 
	background:url(images/bg_abschluss.gif) no-repeat top;
	color:#b3b3b3;
	margin:30px;
	padding-top:20px;
	line-height:14px;
	display:block

}