/* - - LAYOUT XPweb >> STATISCHER TEIL - - */
BODY { background-color: /*#F6F6F6*/#FFF;  color: #6F7886; font: 12px/18px Arial, Helvetica, sans-serif; height: 100%; margin: 0; text-align: center; }

	#head { background: #FFF url(../img/bg_header.jpg) no-repeat 0 0; border-right: 1px solid #C8CACC; height: 109px; width: 587px; }
	#head[id] { width: 586px; }

	#assistbar { background-color: #FFF; border: 1px solid #FFF;  color: #FE820E; font: 10px/14px Arial, Helvetica, sans-serif; left: 412px; position: relative; top: 11px;  height: 16px; width: 174px; }
	#assistbar[id] { height: 14px; width: 172px; }
		#assistbar a, #assistbar a:link, #assistbar a:visited { background: url(../img/assist_pfeil.gif) no-repeat 0 0; color: #FE820E; padding: 1px 6px 0px 18px; text-decoration: none;  }
		#assistbar[id] a, #assistbar[id] a:link, #assistbar[id] a:visited { padding: 0px 6px 1px 18px; }
		#assistbar a:hover, #assistbar a:active, #assistbar a:focus { color: #7E1C38; }
	
	#navi { background: url(../img/nav_bg.gif) repeat-y 0 0; height: 100%; }
		#navi IMG.imgBottom { margin-top: -1px; }
			.navi, .subnavi, .navia, .subnavia { background: url(../img/nav_links_link.gif) no-repeat 0 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #6F7886; font: bold 12px/21px Arial, Helvetica, sans-serif; margin: 0 0 1px 2px; text-align: right; height: 23px; width: 197px; }
			.navi[class], .subnavi[class], .navia[class], .subnavia[class] { height: 21px; }
	
				#navi a, #navi a:link, #navi a:visited {  color: #6F7886; display: block; padding: 0 22px 0 9px; text-decoration: none; }
				#navi a:hover, #navi a:active, #navi a:focus, .navia, .subnavia { background: url(../img/nav_links_link_h.gif) no-repeat 0 0; }
		
#content { background: url(../img/content_bogen.gif) no-repeat 1px bottom; border-right: 1px solid #C8CACC; width: 587px; padding: 0 41px 180px; height: 68%; } 
* * body #content { height: 100%; }
#content[id] { width: 504px; } 

.xp { color: #7E1B38; display: inline; font: bold italic 12px/14px Arial, Helvetica, sans-serif; }
.web  { color: #FE8412; display: inline; font: bold italic 12px/14px Arial, Helvetica, sans-serif; }
H1 { border-bottom: 1px solid #E5D2D7; color: #6F7886; font: bold italic 16px/18px Arial, Helvetica, sans-serif; margin: 3px 0 0; padding-bottom: 2px; width: 504px; }
* * BODY H1 { width: 500px; }

/* - - SATZ XPweb >> DYNAMISCHER TEIL - - */
P { margin: 0 0 18px; }
LI { list-style-image: url(../img/liste_pfeil.gif); }

.bodytext { color: #6F7886; display: block; font: 12px/18px Arial, Helvetica, sans-serif; margin: 26px 0 30px;  position: relative; width: 504px; }
.t9px {font-size: 9px}

.lispalte { position: relative; left: 0; top: 0; width: 321px; }
.respalte { position: absolute; right: 0; text-align: right; top: 0; width: 151px; }
* * BODY .respalte { right: 4px; }
	.respalte IMG { margin: 0 0 37px; }
	.respalte P { text-align: left; width: 151px; }
	.respalte .text { color: #6F7886; font: bold 10px/14px Arial, Helvetica, sans-serif; text-align: left; width: 151px; }

a, a:link, a:visited, a IMG, a:link IMG, a:visited IMG  { border-style: none; color: #FE820E; text-decoration: none; }
a:hover, a:active, a:focus { color: #7E1C38; }

H2 { color: #6F7886; font: bold italic 12px/18px Arial, Helvetica, sans-serif; margin: 3px 0 18px; }
H3 { color: #6F7886; font: bold italic 12px/18px Arial, Helvetica, sans-serif; margin: 3px 0 0; }
H4 { color: #6F7886; font: bold 12px/14px Arial, Helvetica, sans-serif; margin: -2px 0 10px 1px; text-align: left;}

/* - - Tabelle - - */
TABLE { font: 12px/17px Arial, Helvetica, sans-serif; width: 504px; }
* * BODY TABLE { width: 500px; }
	TABLE .domain thead { background-color:#7E1B38; color: #FFF; }
	TABLE .domain tfoot { background-color:#7E1B38; height: 1px; }
	TABLE .domain { margin-bottom: 0px; }
	/*TABLE .domain tbody td { padding: 2px 19px; text-align: right; }*/
	TABLE .domain tbody td { vertical-align: top; padding: 2px 5px; text-align: left; }
	
/* - - Formulare - - */
.form { width: 504px; }
FORM { /*background-color: #F6F6F6; */ padding: 0px 5px; }
INPUT { background-color: #FFF; border: 1px solid #C8CACC; color: #6F7886; font: 12px Arial, Helvetica, sans-serif; line-height: 18px;  }
* * BODY INPUT { height: 20px; line-height: 15px; }
SELECT { color: #6F7886; font: 12px Arial, Helvetica, sans-serif; }

/* - - Boxen - - */
.boxlispalte { position: relative; left: 0; top: 0; width: 236px; }
.boxrespalte { position: absolute; right: 4px; text-align: left; top: 0; width: 236px; }
* * BODY .boxrespalte { right: 4px; }

fieldset { border: 1px solid #D4D5D7; position: relative; }
legend { padding: 0px 2px; }
* * BODY legend { margin: 0px 0px 0px -8px; }
	.teaser { background: url(../img/box_kl_234.jpg) no-repeat bottom; height: 127px; padding: 0px 18px 0px; width: 200px; }
	* * BODY .teaser { width: 236px; }
		.inhalt { color: #6F7886; font: 12px/18px Arial, Helvetica, sans-serif; left: 18px; position: absolute; top: 23px; width: 149px; }
		.inhalt[class] { left: 1px; position: absolute; top: 10px; }

		.info { left: 149px; position: absolute; top: 25px; width: 65px; text-align: right; }
		.info[class] { left: 134px; top: 10px; }
		
			.preis { color: #7E1C38; font: bold 24px/24px Arial, Helvetica, sans-serif; text-align: right; }
			.zeitraum { color: #7E1C38; font: bold 10px/14px Arial, Helvetica, sans-serif; margin: -4px 0px 0px 5px; text-align: right; }
			
			.links {  font: 12px/12px Arial, Helvetica, sans-serif; margin: 22px 0 0 -1px; text-align: right; }
			A.link, A.link:LINK, A.link:VISITED { background: url(../img/pfeil.gif) no-repeat right top; color: #FE820E; display: block; padding: 0px 14px 6px 0px; text-decoration: none; }
			A.link:HOVER, A.link:ACTIVE, A.link:FOCUS { color: #7E1C38;  text-decoration: none; }

/* - - Detailboxen - - */
.detail { border-top: 1px solid #D4D5D7; border-right: 1px solid #D4D5D7; border-left: 1px solid #D4D5D7; border-bottom: none; padding: 0px 18px 0px; width: 285px; }
	* * BODY .detail { width: 321px; }
		.detail .inhalt { color: #6F7886; font: 12px/18px Arial, Helvetica, sans-serif; left: 0px; position: relative; top: 10px; width: 275px; margin-bottom: 14px; }
		.detail .inhalt li span { color: #7E1C38; }
		.detail .inhalt IMG { position: absolute; top: 0; right: -10px; float: left;}
		.bogen { margin-top: -30px; margin-bottom: 20px; }
		.bogen[class] { margin-left: 2px; margin-top: -27px; width: 323px; }
		
		.data { display: block; position: relative; left: 0; top: 5px; width: 283px; }
		.data_height { display: block; position: relative; height: 100px; left: 0; top: 5px; width: 283px; }
		
			.buynow { background: url(../img/pfeil.gif) no-repeat left top; font: bold 12px/12px Arial, Helvetica, sans-serif; margin: 2px 0px 0px; float:left; width: 148px; }
			.buynow[class] { background: url(../img/pfeil.gif) no-repeat left 1px; }
				A.buy, A.buy:LINK, A.buy:VISITED { color: #FE820E; display: block; padding: 0px 14px 6px 15px; text-decoration: none; }
				A.buy:HOVER, A.buy:ACTIVE, A.buy:FOCUS { color: #7E1C38;  text-decoration: none; }
		
			.detail .info { left:150px; position: absolute; top: 0px; width: 135px; float: left; }
			.detail .zusatz { color: #6F7886; font: bold 10px/14px Arial, Helvetica, sans-serif; margin-top: 10px;  }
		
			.detail UL { list-style-image: url(../img/liste_pfeil.gif); margin-left: 16px; margin-bottom: 0px; }
			.detail[class] UL { list-style-image: url(../img/liste_pfeil.gif); margin-left: -25px; } 
		.clear { border-bottom: 1px solid #D4D5D7; clear: both; }
			
/* - - OPANEL - - */

.FontHeadline { color: #6F7886; font: bold italic 16px/18px Arial, Helvetica, sans-serif; margin: 3px 0 0 0px; padding-bottom: 2px; float: left; text-align: left; width: 400px; }
.FontSmall { color: #7E1C38; font: bold 10px/14px Arial, Helvetica, sans-serif; text-align: right; vertical-align: bottom; white-space: nowrap; }
.HRHeadline { border-bottom: 1px solid #E5D2D7; width: 504px; }

.BorderTable { background-color: #FFF; font: 12px/17px Arial, Helvetica, sans-serif; margin: -5px 0 5px; width: 504px; }
.BorderTable .HRSep { border-bottom: 1px solid #E5D2D7; width: 504px; }
.BorderTd { background-color: #C8CACC; text-align: left; vertical-align: top; width: 504px; }
.FontInnerHeadline { background-color:#FFF; color: #7E1B38;  font-weight: bold; line-height: 22px; margin: -4px 0px -3px 0px; text-align: left; width: 504px; }
.CtTable { width: 504px; /*margin-bottom: 3px;*/ }
	.CtTable IMG { padding-top: 3px; }
	.CtTable TD { background-color:#FFF; }
	.CtTable INPUT { border: none; margin-right: 5px; }
	.CtTable TD .CtTd { margin: 1px; }
		.CtTd { height: 18px; }
			.CtTd SELECT { border: 1px solid #C8CACC; color: #6F7886; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; width: 157px; }
			.CtTable .CtTd INPUT { border: 1px solid #C8CACC; color: #6F7886; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; }
			.CtTd TEXTAREA { border: 1px solid #C8CACC; color: #6F7886; font: 12px Arial, Helvetica, sans-serif; margin-bottom: 4px; width: 152px; }
			
A.ABigOrder, A.ABigOrder:LINK, A.ABigOrder:VISITED, A.ABigOrder:HOVER, A.ABigOrder:ACTIVE, A.ABigOrder:FOCUS { background: url(../img/pfeil.gif) no-repeat left 2px; font: bold 12px/18px Arial, Helvetica, sans-serif; padding: 0 0 0 15px; text-align: left; }
.ButtonsTable { text-align: left; width: 504px; }
.ButtonsTable IMG { margin-top: 4px; padding-right:3px; }
.ButtonsTable TABLE { display: inline; width: 252px; }
.ButtonsTable TEXTAREA { border: 1px solid #C8CACC; color: #6F7886; font: 12px Arial, Helvetica, sans-serif; width: 504px; }
.ButtonsTable INPUT { border: none; margin-right: 0px; }

FONT DIV H4 { width: 504px; text-align: center; margin-top: 10px; }

.FontError { color: #7E1B38; font: 12px/18px Arial, Helvetica, sans-serif; position: relative; text-align: left; width: 504px; }


.FontProductTitle, .FontVerfuegbar