* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	xheight: 100%;
	line-height: 14px;
}

img {
	border: none;
}


ul {
	list-style-type: none;
}


#wrapperSite {
  width: 410px;
  height: 530px;
  background-color: #0776C9;

}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}

a:hover {
	color: #ffffff;
}

#wrapperHeader {
	float: link;
}

#wrapperNavigation {
	clear: both;
	float: left;
  height: 20px;
  width: 400px;
  background-color: #ffffff;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  padding-right: 4px;
  padding-top: 2px;
  text-align: right;
  font-weight: bold;
}

#wrapperNavigation ul {
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}

#wrapperNavigation li{
	float: left;
	display:inline;
}


#wrapperNavigation a:link, #wrapperNavigation a:active, #wrapperNavigation a:visited  {
	float:left;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}

#wrapperNavigation a:hover {
	color: #666666;
	
}

#wrapperNavigation span.divider {
	float: left;
	background-color: #0076C9;
	margin: 8px 7px 0 7px;
	width: 3px;
	height: 9px;
}

#wrapperContent {
	clear: both;
	float: left;
	width: 100%;
}
#leftColumn {
	float: left;
	padding-left: 15px;
	width: 115px;
	vertical-align:bottom;
}

#leftColumn img {
	margin-top: 30px;
}

#leftColumn img.start {
	margin-top: 90px;
}

#rightColumnStart,
#rightColumn {
	float: left;
	margin-left: 10px;
	width: 270px;
	height: 336px;
	xpadding-right: 15px;
	overflow: auto;
}

#rightColumn p{
	margin-bottom: 10px;
	padding-right: 15px;
}

#rightColumnStart {
	height: 375px;
	width: 255px;
	padding-right: 15px;
	margin-top: 30px;
}

#rightColumn div.scroll {
	overflow: hidden;
	xwidth: 100%;
	padding: 10px 25px 0 10px;
	color: #000000;
	background-color: #0098DB;
}

#rightColumnStart ul, 
#rightColumnStart ul li,
#rightColumnStart ul li a {
	float: left;
}

#rightColumnStart ul li a {
	border-bottom: 1px solid #000;
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-right: 250px;
	height: 25px;
}

#rightColumnStart ul li a.demo {
	background-image: url("/images/menu_00.gif");
	height: 47px;
}
#rightColumnStart ul li a.demo:hover {
	background-image: url("/images/menu_00_ho.gif");
}

#rightColumnStart ul li a.katalog {
	background-image: url("/images/menu_10.gif");
}

#rightColumnStart ul li a.katalog:hover {
	background-image: url("/images/menu_10_ho.gif");
}

#rightColumnStart ul li a.faq {
	background-image: url("/images/menu_20.gif");
}

#rightColumnStart ul li a.faq:hover{
	background-image: url("/images/menu_20_ho.gif");
}



#wrapperMetaNavigation {
	clear: both;
	float: left;
	position: absolute;
	left: 262px;
	top: 505px;
}

#wrapperMetaNavigation ul li {
	display: inline;
}

#wrapperMetaNavigation a {
	text-transform: uppercase;
}

.headline {
	float: left;
	margin-top: 10px;
	height: 50px;
	width: 100%;
}

.titleDemo,
.titleCatalog,
.titleOrder,
.titleImpressum,
.titleFaq,
.titleAgb{
	background-repeat: no-repeat;
	background-position: 140px 10px;
}

.titleDemo,
.titleCatalog,
.titleOrder {
	background-position: 100px 10px;
}

.titleCatalog {
	background-image: url("/images/titel_katalog.gif");
	background-position: 100px 10px;
	width: 250px;
}

.titleOrder {
	background-image: url("/images/titel_bestellung.gif");
	
}

.titleImpressum {
	background-image: url("/images/titel_impressum.gif");
}

.titleAgb {
	background-image: url("/images/titel_agb.gif");
}

.titleFaq {
	background-image: url("/images/titel_faq.gif");
}

.titleDemo {
	background-image: url("/images/titel_download.gif");
}

.hrule {
  width: 250px;
  height: 1px;
  color: #000000;
  margin-left: 0px;
  background-color: #000000;
  border: 0px solid #000000;
  
}

.catalogRow {
	float: left;
	height: 100px;
	padding-top: 12px;
	width: 100%;
}


.bright {
	background-color: #0098DB;
}

.information a:link, .information a:active, .information a:visited {
  font-size: 11px;
  color: #E89134;
}

.information a:hover {
  font-size: 11px;
  color: #E89134;
}

.orderRow a:link, .orderRow a:active, .orderRow a:visited {
  font-size: 11px;
  color: #E89134;
}

.orderRow a:hover {
  font-size: 11px;
  color: #FFFFFF;
}

.information {
	display: inline;
	float: left;
	margin-right: 15px;
}

.information p.author,
.information p.title,
.information p.description {
	width: 280px;
}

.information p.author {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.information p.title {
	
	color: #000000;
 font-size: 13px;
 font-weight: bold;
}

.information p.description {
 color: #000000;
 font-size: 11px;
}

.information p.order {
	margin-top: 5px;
	
}

.information p.order a {
	background-image: url("/images/arrow_white.gif");
	background-repeat: no-repeat;
	padding-right: 12px;
	background-position: right 4px;
}

.orderRow p.order a {
	background-image: url("/images/arrow_white.gif");
	background-repeat: no-repeat;
	padding-right: 12px;
	background-position: right 4px;
}

.information p.order a:hover {
	color: #FFFFFF;
}


.orderRow {
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
}
.orderText {
	width: 100%;
	float: left;
}


.orderText p {
	padding-left: 104px;
	padding-right: 15px;
	clear: none;
}

.orderText img {
	float: left;
	padding-left: 104px;
	margin-right: 10px;
	xpadding-bottom: 50px;
}

.orderText h2 {
	margin-top: 10px;
	color: #000000;
	font-size: 12px;
	padding-left: 104px;
}

.orderText p.advice {
	color: #000000;
	padding-left: 104px;
	padding-right: 15px;
}

.orderText span.orderId,
.orderText span.orderPhone {
	line-height: 24px;
	font-weight: bold;
	font-size: 12px;

}

.orderText span.orderId {
	color: #E99235;
}




.bookImg, 
.bookImgDark {
	float: left;
	width: 85px;
	margin-left: 20px;
	background-image: url(../images/shadow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

*html .bookImg, 
*html .bookImgDark {
	margin-left: 10px;
}

.bookImgDark {
  background-image: url(../images/shadow_dark.gif);
}

#zoomImage {
	position: absolute; 
	display:none; 
}

.paging {
	float: left;
	margin: 32px 0 0 20px;
}
.paging span.startInactive,
.paging span.decrementInactive,
.paging span.incrementInactive,
.paging span.endInactive,
.paging a.start,
.paging a.end,
.paging a.increment, 
.paging a.decrement {
	float: left;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 8px;
	height: 13px;
}

.paging a.decrement {
	background-image: url("/images/pfeil_links.gif");
}

.paging a.increment{
	background-image: url("/images/pfeil_rechts.gif");
}

.paging a.start {
	background-image: url("/images/pfeil_start.gif");
}

.paging a.end {
	background-image: url("/images/pfeil_ende.gif");
}

.paging a.decrement span,
.paging a.increment span,
.paging a.start span,
.paging a.end span{
	display: none;
}

.paging span.startInactive {
	background-image: url("/images/pfeil_start_inaktiv.gif");
}

.paging span.decrementInactive {
	background-image: url("/images/pfeil_links_inaktiv.gif");
}

.paging span.incrementInactive {
	background-image: url("/images/pfeil_rechts_inaktiv.gif");
}

.paging span.endInactive {
	background-image: url("/images/pfeil_ende_inaktiv.gif");
}

.paging ul {
	float: left;
}

.paging li {
	float: left;
	display: inline;
	margin-right: 2px;
	padding-right: 1px;
	padding-left: 1px;
	background-color: #E99235;
	width: 13px;
	font-size: 9px;
	text-align: center;
}

.paging li a {
	xfloat: left;
	font-size: 1em;
	
}

.paging li.active {
	float: left;
    color: #000000;
	background-color: #ffffff;
  
}

.clear {
  clear: both;
}

.faqList {
	margin-bottom: 20px;
}

.faqList li {
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-image:	url("/images/pfeil_rechts.gif");
}

.faqEntry {
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #0776C9;
}
.faqEntry strong {
	display: block;
	margin-bottom: 5px;
}

.faqEntry .topLink {
	margin-top: 5px;
}

.faqEntry .topLink a{
	float: right;
	background-image: url("/images/top.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 7px;
	padding-right: 26px;
}