/*	Html / Body					*/

body {
	font-size:			100.1%;
	font:				1.0em Verdana, sans-serif;
	color:				#000;
	background-color:		#000;
	margin: 			0;
	background-image:	url('http://www.reprocity.de/grafik/layout/hg.gif');
background-repeat: repeat-y;
}

img { border: none;}
p { text-align: justify; margin-top: 0;}

a, a:hover	{
	color:					#006bb5;
	text-decoration:		none;
	position: relative;
}

a:hover	{
	text-decoration:		underline;
}

h1, h2, h3, h4 {
	margin:				0 0 10px 0;
	clear:				left;
}

h1 {
	font-size:				105%;
}

h2 {
	color:					#e1b20a;
	font-size:				110%;
	text-transform:				uppercase;
}

h3 {
	color:					#000;
	font-size:				105%;
}

.specialLeft {
float: left;
}

.specialRight {
float: right; font-size: 120%;
}

h4 {
	font-size:				90%;
	font-weight:				bold;
	margin:					0;
	padding:				0;
}

.homepage {	
	float: left;	
	width:					770px;
	text-align: 			left;
}

.hotline {	
float: left; width: 163px; height: 70px; margin: 10px 0 0 5px;
background-image:	url('http://www.reprocity.de/grafik/layout/hotline.gif');
}

.angebote {	
float: left; width: 163px; margin: 10px 0 0 5px;
}

.head {
	position: absolute; top: 0; left: 0;
	width:					770px;
	height:					200px;
	background-image:	url('http://www.reprocity.de/grafik/layout/hg_top_reprocity.de.jpg');
	background-repeat:		no-repeat;
}

/*		Page-Content								*/

.content {
position: absolute; top: 201px; left: 0;
	width: 					770px;
	font-size:				70%;
	text-align:				left;
}

.content_left {
position: absolute; top: 0; left: 0;
	width:					220px;
	color:					#FFF;
}

.content_middle {
position: absolute; top: 10px; left: 220px;
	width:					535px;
	min-height:				400px;
	padding:				0;
}

.content_right {
position: absolute; top: 6px; left: 780px;
	width:					200px;
	padding:				0;
	font-size:				70%;
}

/*	navigation				*/

.navigation {
position: absolute; left: 175px; top: 9px;	
	height:					28px;
	width:					592px;
	text-align:				center;
}

.navigation a, .navigation a:hover, .navigation a:link,
.navigation a.activ {
	color:					#FFFFFF; 
	font-size:				70%;
	margin:					0 15px 0 15px;
	text-decoration:			none;
}

.navigation a.activ {
	color:					#e1b20a;
}

.navigation_shop {
	float: 					left;
	width:					100%;
	margin:					10px 0 15px 5px;
	color:					#e1b20a;
}

.navigation_shop a, .navigation_shop a:hover, 
.navigation_shop a.activ{	
	display:				block;
	line-height:				28px;
	margin-top:				1px;
	width:					200px;
	color:					#FFF;
	text-indent:				5px;
	text-decoration:			none;
	background-image:	url('http://www.reprocity.de/grafik/layout/menue_shop_off.gif');
}

.navigation_shop a:hover, .navigation_shop a.activ {
	background-image:	url('http://www.reprocity.de/grafik/layout/menue_shop_on.gif');
}


/*	zugeordnete Divs				*/

.trenner, hr {
	clear: left;
	width: 100%;
	height: 15px;
	background-image:url('http://www.reprocity.de/grafik/layout/trenner.gif');
}

/*	Farbige Divs 					*/

.grey, .white, .info {
		float: left;
		width: 98%;
		padding:1%;
		margin-bottom: 2px;
		margin-top: 2px;
}

.grey{
		background-color:#F2F2F2;
		color:#464548;
		border: 1px solid #464548;
}

.info{
background-color:#b2e7b2; border: 1px solid #87ba87;
color: #666;
}

.white{
		background-color:#FFF;
		border: 1px solid #FFF;
}

.white:hover {
		background-color:		#f5db7e;
}


.spalte {
	float: 					left;
	padding:				1px;
}

/*
------------------------------------------------------------
Formular
------------------------------------------------------------
*/

form {
	margin: 			0px;
	padding: 			0;
}

fieldset {
	border: 			0px;
	margin: 			0 0 10px 0;
	padding: 			0px;
}

legend	{
	display: 			none;
}

label	{
	width: 				30%;
	display: 			block;
	float: 				left;
}

.formularzeile, .formularzeilewhite, .formularzeile_err	{
	float:				left;
	width: 				98%;
	display: 			block;
	padding: 			1%;
	margin-bottom:			2px;
	background-color:		#f2f2f2;
}

.formularzeile:hover, .formularzeilewhite:hover, .formularzeile_err:hover	{
	background-color:		#f4f4f4;
}

.formularzeilewhite	{
	background-color:		#FFFFFF;
}

.formularzeile_err	{
	background-color:#FDE4E4;
	border: 1px solid #C40000;
}

input[type=text], textarea, select {
	width: 60%;
}



select {
	font-size: 95%;
}

input {
		color: #464548;
		border: 1px solid;
		font-size: 110%;
}

input[type=radio] {
border: 0;
}

input.price{
		color: #C83602;
		font-weight: bold;
		border: 0;
		font-size: 88%;
		text-align: right;
}
input[type=submit]{
		color: #666;
		width: 150px;
		border: 1px solid #666;
		background-color: #FFF;
		background-image:	url(http://www.reprocity.de/grafik/layout/submit_grey.gif);
}
input[type=submit]:hover{
		color: #C83602;
}

button, input[type=submit], input[type=button] {
	float:				left;
	font-size:			80%;
	color:				#FFF;
	border:				0px;
	font-weight: 			bold;
	text-decoration: 		none;
	background-image: 		url(http://www.reprocity.de/grafik/layout/hg_button.gif);
	height:				20px;
	line-height:			20px;
	text-transform:			uppercase;
}

/*
------------------------------------------------------------
Span / Text Formatierung
------------------------------------------------------------
*/

.headline, h1 {
	float:				left;
	line-height:			25px;
	width:				100%;
	text-indent:			5px;
	margin:				5px 0 5px 0;
	color:				#006bb5;
	border: 			1px solid #d4d4d4;
	border-width:			1px 0 0 0;
	background-image:	url('http://www.reprocity.de/grafik/layout/hg_headline.gif');
background-repeat: repeat-x;
}

.red {
	color: 				#C83602;
}

.green {
	color: 				#009000;
}

.blue {
	color:					#006bb5;
}

.yellow, .yellowPrice {
	color:					#e1b20a;
	font-weight:		bold;
}

.yellowPrice {
	font-size:		140%;
}

.delete{
	background-color:#fff;
	border: 1px solid #C83602;
	float:	left;
	width: 		98%;
	height: 	auto;
	padding:	5px;
}

iframe{
		border: 1px solid #464548;
}


.preis_now {
	float: right;
	margin-top: -22px;
	font-size: 150%;
	font-weight: bold;
	color: #00A600;
}

/* style the links of the top from the header */

.header {
	float: 					left;
	width: 					100%;
}

/*
.header a, .header a:visited,
.header a:hover, .header a.activ,
.noactiv
 {
	float: 					left;
	display: 				block;
	text-decoration: 			none; 
	color: 					#666666; 
	width: 					100px;
	height: 				40px;
	margin-right: 				2px;
}

.header a:hover, .header a.activ, .header a:visited.activ {
	color:					#209740;
}

.noactiv {
	color: 					#E3E3E3;
}
*/


/*			rechte K�sten				*/

.rightLayerHead {
	float: left;
	padding: 2%;
	width: 96%;
	line-height: 20px;
	height: 20px;
	background-color: #000000;
	font-size: 100%;
	font-weight: bold;
	background-image:	url('http://www.reprocity.de/grafik/layout/hg_rightHead.gif');
	color: #FFF;
}

.rightLayer {
	float: left;
	padding: 2%;
	width: 96%;
	height: 114px;
	background-color: #FFF;
}

.rightLayerHead a, .rightLayerHead a:hover,
.rightLayerHead a:link, .rightLayerHead a:visited	{
	color:					#FFF;
	text-decoration:		none;
}

/*			Warenkorb				*/

.basketOutline {
	float: left;
	width: 100%;
	border: 1px solid #e1b20a;
	margin: 0 0 20px 0;
}

.basketInline {
	float: left;
	width: 98%;
	padding: 1%;
}

.basketPrice {
		float: right;
		width: 30%;
		padding:5px;
		color:#e1b20a;
}

.whiteSHOP, .whiteSHOP_border, .whiteSHOP_border_red {
	float: left;
	clear: left;
	width: 97%;
	padding: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.whiteSHOP_border {
	border: 				1px solid #d2d2d2;
}
.whiteSHOP_border_red{
		background-color:#FDE4E4;
		color:#C40000;
		border: 1px solid #C40000;
}
.arrow {
		float: left;
		width: 3%;
		height: 25px;
		background-image:url("http://www.reprocity.de/grafik/layout/arrow_to_right.gif");
		background-repeat:no-repeat;
		background-position: 3px 9px;
}