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


a {
	text-decoration:	none;
	color:				#333366;
}




a:hover {
	color:				#990000;
	text-decoration:	underline;
}

h1 {
	font-size:				16px;
}





/* ---- Main Box----*/


#page {
	width:				775px;
	margin:				auto;
	margin-top: 		20px;
	margin-bottom: 		20px;
	font-family:		arial, helvetica, sans-seirf;
	font-size:			12px;
	background:#666699;
}

/* ---- Header Box----*/

#header {
	width:				775px;
	height:				130px;
	background:			url(img/header.jpg);
}


/* ---- Navigation Box----*/

#topNavigation {
	width:				775px;
	height:				40px;
	background:			url(img/navigBG.gif);
}

#topNavigation ul {
	width:				630px;
	height:				40px;
	list-style:			none;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}

#topNavigation ul li {
	width:				152px;
	height:				40px;
	text-align:			center;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	float: 				left;
}

#topNavigation ul li a {
	width:				152px;
	height:				40px;
	font-size:			11px;
	font-weight:		bold;
	line-height:		30px;
	color:				#ffffff;
	text-align:			center;
	text-decoration:	none;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	display: 			block;
	background:			url(/img/buttonA-OUT.gif);
}

#topNavigation ul li a:hover {
	width:				152px;
	height:				40px;
	color:				ffffff;
	background:			url(/img/buttonA-OVER.gif);
}


#topNavigation ul li a.alt {
	width:				156px;
	background:			url(/img/buttonB-OUT.gif);
}

#topNavigation ul li a.alt:hover {
	color:				#ffffff;
	background:			url(/img/buttonB-OVER.gif);
}


/* ---- Compare Box----*/

#compareBox {
	width:				775px;
	height:				210px;
	background:			#666699;
	margin: 			0px 0px 0px 0px;
}

#compareBox #welcome {
	width:				735px;
	position:			relative;
	left:				20px;
}

#welcome h1.intro {
	font-size:			16px;
	text-indent:		0px;
	color:				#ffffff;
	margin: 			0px 0px 0px 0px;
	padding: 			10px 0px 0px 0px;
}

#welcome p.intro {
	font-size:			14px;
	color:				#ffffff;
	margin: 			0px 0px 0px 0px;
	padding: 			10px 0px 0px 0px;
}


#compareBox form {
	width:				735px;
	height:				110px;
	position:			relative;
	left:				20px;
	margin: 			20px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}

#compareBox select {
	width:				205px;
	font-size:			11px;
	margin: 			0px 0px 0px 0px;
	padding: 			3px;
	background:			#ffffff;
	color:				#333366;
	border:				none;
}

#compareBox .button {
	width:				120px;
	height:				22px;
	font-size:			12px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	background:			url(/img/selectButtonOUT.gif);
	color:				#333366;
	border:				none;
	cursor:				pointer;
}

#compareBox .button:hover {
	background:			url(/img/selectButtonOVER.gif);
	color:				#ffffff;
}


#chooseBox {
	width:				225px;
	height:				110px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	background:			url(/img/boxPassive.gif) no-repeat;
	float:				left;
}


#chooseBoxActive {
	width:				225px;
	height:				110px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	background:			url(/img/boxActive.gif) no-repeat;
	float:				left;
}


#compareBox h1 {
	height:				20px;
	line-height:		20px;
	text-indent:		30px;
	margin: 			10px 0px 0px 0px;
	padding: 			0px 10px 0px 10px;
	color:				#333366;
}

#compareBox h1.stepOne {
	background:			url(/img/stepOne.gif) no-repeat;
}

#compareBox h1.stepTwo {
	background:			url(/img/stepTwo.gif) no-repeat;
}

#compareBox h1.stepThree {
	background:			url(/img/stepThree.gif) no-repeat;
}



#compareBox p {
	font-size:			11px;
	margin: 			10px 0px 0px 0px;
	padding: 			0px 10px 0px 10px;
}


#arrow {
	width:				30px;
	height:				80px;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	background:			url(/img/arrow.gif);
	float:				left;
}



/* ---- Product Box----*/

#productBox {
	width:				775px;
	background:			#DADAE3;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}

#productBox table {
	width:					735px;
	margin: 				20px;
	border:					none;
	margin: 				0px 20px 0px 20px;
}

#productBox th {
	font-size:				16px;
	color: 					#333366;
	text-align:				left;
	border-bottom:			1px solid #ffffff;
	padding-top:			20px;
	padding-bottom:			5px;
}

#productBox td {
	font-size:				12px;
	line-height:			16px;
	color: 					#333366;
	text-align:				left;
	vertical-align:			top;
	padding:				5px;
}

#productBox td.A {
	width:					250px;
	padding-left:			0px;
}

#productBox td.B {
	font-weight:			bold;
	border-bottom:			1px solid #ffffff;
}

#productBox td.C {
	width:					370px;
	border-bottom:			1px solid #ffffff;
}


/* ---- Resultset Box----*/

#resultSet {
	width:				775px;
	background:			#F0F0F0;
	border-bottom:		1px solid #ffffff;
}

#resultSet table {
	width:					735px;
	margin: 				0px 20px 20px 20px;
	border:					none;
}

#resultSet th {
	font-size:				16px;
	color: 					#333366;
	text-align:				left;
	padding-top:			20px;
	padding-bottom:			5px;
}

#resultSet td {
	font-size:				12px;
	color: 					#333366;
	text-align:				left;
	vertical-align:			top;
	padding:				5px;
}

#resultSet td.A {
	width:					250px;
	padding-left:			0px;
	border-top:				1px solid #ffffff;
}

#resultSet td.B {
	width:					200px;
	font-weight:			bold;
	border-top:				1px solid #ffffff;
}

#resultSet td.C {
	width:					150px;
	border-top:				1px solid #ffffff;
}

#resultSet td.D {
	width:					135px;
	border-top:				1px solid #ffffff;
}

a.anbieter {
	width:				120px;
	height:				22px;
	line-height:		22px;
	font-size:			12px;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	color:				#333366;
	background:			url(/img/anbieterButtonOUT.gif);
	display:			block;
}

a.anbieter:hover {
	color:				#ffffff;
	background:			url(/img/anbieterButtonOVER.gif);
}

a.price {
	font-size:			14px;
	font-weight:		bold;
	color:				#990000;
}

a.wrongPrice {
	font-size:			11px;
}


/* ---- Hinweis Box----*/

#message {
	width:				735px;
	background:			#666699;
	margin:				0px 0px 0px 0px;
	padding:			10px 20px 10px 20px;
	border-bottom:		1px solid #ffffff;
	clear:				both;
}

#message h1.title {
	width:				735px;
	height:				30px;
	line-height:		23px;
	text-indent:		40px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	color:				#ffffff;
	background:			url(/img/hinweis.gif) no-repeat;
}

#message p {
	width:				735px;
	font-size:			12px;
	line-height:		16px;
	margin:				0px 0px 10px 0px;
	padding:			0px 0px 0px 0px;
	color:				#ffffff;
	background:			#666699;
}


/* ---- Companies Box----*/
#companies {
	width:				775px;
	width:				735px;
	background:			#eeeeee;
	margin:				0px 0px 0px 0px;
	padding:			10px 20px 10px 20px;
	border-bottom:		1px solid #ffffff;
}

#companies h1.title {
	width:				735px;
	height:				30px;
	line-height:		23px;
	text-indent:		40px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	color:				#333366;
	background:			url(/img/hersteller.gif) no-repeat;
}

#companies p {
	width:				735px;
	margin:				0px 0px 10px 0px;
	padding:			0px 0px 0px 0px;
	color:				#666699;
	background:			#EEEEEE;
}

#companies a {
	color:				#666666;
}

#companies a:hover {
	color:				#990000;
}

/* ---- Info Box----*/

#info {
	width:				735px;
	background:			#DADAE3;
	margin:				0px 0px 0px 0px;
	padding:			10px 20px 10px 20px;
	border-bottom:		1px solid #ffffff;

	
}

#info h1 {
	width:					735px;
	border:					none;
	color:					#333366;
	margin-bottom:			10px;
}

#info p {
	width:					735px;
	line-height:			16px;
	border:					none;
	margin-bottom:			10px;
}

#info table {
	width:					735px;
	border:					none;
	margin-top:				20px;
	margin-bottom:			40px;
}

#info th {
	width:					735px;
	font-size:				16px;
	color: 					#333366;
	text-align:				left;
	padding-bottom:			5px;
}

#info td {
	font-size:				12px;
	color: 					#333366;
	text-align:				left;
	vertical-align:			top;
	padding:				5px;
	padding-left:			0px;
	border-top:				1px solid #ffffff;
}

/* ---- Retailer Box----*/
#retailer {
	width:				775px;
	width:				735px;
	background:			#eeeeee;
	margin:				0px 0px 0px 0px;
	padding:			10px 20px 10px 20px;
	border-bottom:		1px solid #ffffff;
}

#retailer h1.title {
	width:				735px;
	height:				30px;
	line-height:		23px;
	text-indent:		50px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	color:				#333366;
	background:			url(/img/anbieter.gif) no-repeat;
}

#retailer p {
	width:				735px;
	font-size:			12px;
	margin:				0px 0px 10px 0px;
	padding:			0px 0px 0px 0px;
	color:				#666699;
	background:			#EEEEEE;
}

#retailer a {
	color:				#666666;
}

#retailer a:hover {
	color:				#990000;
}



#standard {
	width:				775px;
	height:				300px;
	background:			#666699;
	color:				#ffffff;
	border-bottom:		1px solid #ffffff;
}

#standard2 {
	width:				775px;
	background:			#666699;
	color:				#ffffff;
	border-bottom:		1px solid #ffffff;
}

#standard2 #box {
	width:				735px;
	position:			relative;
	left:				20px;
	background:			#666699;
	color:				#ffffff;
	margin:				20px 0px 20px 0px;
}

#standard #box {
	width:				735px;
	position:			relative;
	left:				20px;
	background:			#666699;
	color:				#ffffff;
	margin:				20px 0px 20px 0px;
}


#standard #left {
	width:				300px;
	position:			relative;
	left:				20Px;
	margin:				20px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background:			#666699;
	color:				#ffffff;
	float:				left;
}

#standard #right {
	width:				350px;
	margin:				20px 0px 0px 40px;
	padding:			0px 0px 0px 0px;
	color:				#ffffff;
	float:				left;
}

#standard h1 {
	margin:				0px 0px 10px 0px;
}

#standard p {
	margin:				0px 0px 10px 0px;
	padding:			0px 0px 0px 0px;
}

#standard form {
	margin: 			30px 0px 0px 0px;
}

#standard input {
	margin: 			0px 0px 10px 0px;
	background:			#ffffff;
	color:				#333366;
	border:				none;
}


/* ---- Footer Box----*/
#footer {
	width:				775px;
	height:				30px;
	background:			url(/img/footerBG.gif) no-repeat;
}





/* ---- Colors ----*/


.lightViolet {color: #DADAE3;}

.midViolet {color: #666699;}

.darkViolet {color: #333366;}

.ultraLightGrey {color: #F0F0F0;}

.lightGrey {color: #EEEEEE;}

.darkRed {color: #990000;}