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

body {
background-color:#424242;
font-size:100%;
color:#515151;  
text-align:center;
margin:0px;
padding:0px;
font-family: "Arial", Verdana, sans-serif;}


/** site **/

#leftHead {
padding:0px;
float:left;
width:65px;}

#rightHead {
padding:0px;
float:left; 
width:65px;}

#head {
width:700px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
background-image: url(../images/site/bg_head_all.gif);
background-repeat:repeat-x;}

.headerImage {
float:left;
margin-top:52px;
}

.headBox {
background-image: url(../images/site/bg_head_all.gif);
background-repeat:repeat-x;font-size:1px;}

.headLine {
background-image: url(../images/site/bg_head_line.gif);
background-repeat:repeat-x;
height:1px;
padding:0px;
margin:0px;
font-size:1px;
line-height:1px;}

.contactBox {
text-align:left;
width:150px;
font-size:10px;
color:#d4d7bf;
vertical-align:bottom;
border-left:1px dashed #d4d7bf;
margin-top:10px;
padding-left:13px;
height:109px;
float:right;}

.contactTitle {
color:#e99820;
font-weight:bold;
margin-top:5px;}

.contactBox A {
color:#d4d7bf;font-size:10px; }

.phone {
position:absolute;
left:536px;
width:150px;
padding:2px 8px 2px 7px;
color:#cacfb5;
font-size:10px;
background-color:#000000;
letter-spacing:.5px;}

.imageHeader {
	background-image: url(../images/site/bg_imageheader.gif);
	background-repeat:repeat-x;
	height:135px;padding:0px 65px;margin:0px;font-size:1px;}

#leftContent {
padding:0px;
float:left;
width:65px;}

#rightContent {
padding:0px;
float:left; 
width:65px;}

#box {
width:830px;
margin: 0px auto;
padding:0px;
text-align:left; }

#content {
width:700px;
padding:0px;
float:left;
margin:0px;
background-color:#fff;
/* overflow: auto; */
background-image: url(../images/site/bg_content_all.gif);
background-repeat:repeat-x; }

.contentBox {
background-image: url(../images/site/bg_content_all.gif);
background-repeat:repeat-x;
background-color:#fefefd; 
padding-bottom:18px;}

.contentBar {
background-image: url(../images/site/bg_contentbar.gif);
background-repeat:repeat-x;
height:26px;}

.maincontent {
float: left; 
font-size:0.7em;}

.breadcrumbs {
 font-size:0.7em;
 float:left;
 padding:5px;
}

.changefont{
 cursor:pointer;
 background:white;
 border:1px solid black;
 font-weight:bold;
}

.fontlittle{
 font-size:8pt;
 padding:0px;
}

.fontnormal{
 font-size:9pt;
 padding:1px;
}

.fontbig{
 font-size:10pt;
padding:1px;
}

.newscontent{
float: right;
font-size:0.7em;}

.footer {
background-image: url(../images/site/bg_footer.gif);
background-repeat:repeat-x;
height:90px;
padding-top:50px;
color:#7C7C7C;
padding-left:65px; padding-right:65px;
}

.footermenu {
padding-bottom:10px;
margin:auto;
width:700px;
font-size:0.7em; }

.footertext {
width:700px; 
margin:auto;
font-size:0.7em; }
/** Site **/




/** image header **/



/** Content **/

h1 {
font-weight:bold;
font-size:1.3em;
padding:0px;
margin:10px 0px 10px 0px;
text-transform:uppercase;
}

.newsBox h1 {margin:0px 0px 2px 5px;color:#C9915F;font-size:1.2em;}
.buyBox h1 {margin:0px 0px 2px 0px; padding:8px 0px 9px 18px;}


.red {
color:#ac5100; }

h2 {
font-weight:bold;
font-family:'verdana','arial';
font-size:1em;
padding:0px;
margin:0px 0px 2px 0px; }

A {
color:#798063;}

.green {
color:#384b22; }

.italicfont {font-style:italic;}

.boldfont {font-weight:bold;}

li {
padding-bottom:10px;
}


.logoBox {
margin-bottom:20px;clear:left;}


.paraheader {
padding-bottom:20px;
/*text-align:justify;*/
}

.maincontent DIV {
margin-bottom:10px;
/*text-align:justify;*/
}


h3 {
font-weight:bold;
font-family:'verdana','arial';
font-size:1.2em;
padding:0px;
margin:0px 0px 2px 0px; }



/*raptivity einrueckung und link pakete*/
.raptivityDIV {
	padding-left:20px;
}

.raptivityLink {
	color:#ac5100;
	text-decoration:underline;
	cursor:pointer;
}

.imageLink {
	cursor:pointer;
	margin-right:5px;
}


/*referenzkunden*/
.referenz{
border-bottom:1px solid #DADBD5;
padding:5px;
margin:0px;

}

.referenz DIV {
margin:0px;
}

.referenz .imgDiv {
width:150px;
}

.referenz .title {
font-weight:bold;
font-size:12px;
text-transform:uppercase;
vertical-align:middle;
padding-top:20px;
}

.referenz .text {
font-weight:normal;
font-size:12px;
text-transform:none;
}

.referenz .text A{
text-decoration:none;
}

.leftFloat
{float:left;}

/* referenzkunden ende */

.maincontent .linkBox {text-align:right;}

.maincontent .info DIV {
margin-bottom:0px; text-align:right;}

.newscontent DIV {
margin-bottom:3px; }

.linkBox{color:#ac5100;margin-bottom:10px;text-align:right;padding-right:10px;text-align:right;}

.linkBoxReference{color:#ac5100;margin-bottom:10px;text-align:;padding-right:10px;text-align:right;}

.logoBox DIV .linkBox {text-align:left;}

.linkBox A {color:#ac5100;text-decoration:none;}

.linkBox A:hover {text-decoration:underline;}

.linkList {list-style-type:none;}

.linkList A {color:#ac5100;text-decoration:none;font-weight:bold;font-size:1.1em;}

.linkList A:hover {text-decoration:underline;font-size:1.1em;}

.backlink {color:#798063;text-decoration:none;}

.backlink:hover {text-decoration:underline;}

.newsBox {
border:1px solid #DEDEDC;
background-color:#FFFFFF;
padding:10px 0px 10px 0px;
margin:0px 0px 3px 0px; 
}

.newsBox .line{
padding: 3px 5px 5px 8px;
border-bottom:1px solid #DEDEDC;
margin-bottom:5px;
}

.newsBox .normal{
padding: 3px 5px 5px 8px;
}

.topline {
border-top:1px solid #DEDEDC;
}

/* boxen startseite */
.newsBox2 DIV{margin:0px;padding:0px;}
.newsBox2 H1 {padding:3px 0px 3px 5px;margin:0px;}
.newsBox2 .middle {padding:0px 5px 10px 70px;}
.newsBox2 .linkBox {padding:5px 10px 0px 0px;}
.newsBox2 .linkBox A {display:inline;}
.newsBox2 A {padding:0px; margin:0px;display:block;margin-bottom:2px;}

form DIV {padding-bottom:15px;}
form H2 {border-bottom:1px solid #cccccc;}

.buyBox {border:1px solid #51524A;padding:0px;padding-bottom:5px; width:653px; background-position:bottom;background-repeat:no-repeat;background-image:url('../images/lectora/box/buy_bottom.gif');}
.buyBoxheader {background-position:top;background-repeat:no-repeat;background-image:url('../images/lectora/box/buy_top.gif');padding:0px; margin:0px;}
.buyBox .row {border-top: 1px solid #DDDED9; padding-top:10px; padding-bottom:15px;}
.buyBox .row2 { padding-top:10px; padding-bottom:2px;}

.buyBox DIV {padding-bottom:0px;}
.buyBox .left {float:left; width:500px;padding-top:15px;}
.buyBox .unileft {padding-top:0px;}

.buyBox .right {background-position:right center;background-repeat:no-repeat;height:41px;padding-top:16px;}
.buyBox .left UL, .unileft UL {padding-top:0px;padding-bottom:0px;margin-top:0px;list-style-image:url('../images/lectora/box/buy_bullet.gif');}
.buyBox .right .lizenz {float:left; padding-top:5px;text-align:center;padding-left:5px;width:90px;}
.buyBox .input {float:left;margin-top:0px; padding-bottom:5px;width:20px;padding-left:60px;}
.buyBox .price {padding-top:3px;color:white;font-weight:bold;font-size:1.4em;text-align:center;}
.submit {color:#BA5530;text-decoration:none;}
.submit:hover {text-decoration:underline;}

.ueberschrift {padding-bottom:5px;}
.ueberschrift .linie {border-bottom:1px solid #DDDED9;}
.ueberschrift .pos {position:relative; top:5px; background-color:white; float:left;border:1px solid #DDDED9;padding:2px;}
.ueberschrift .lizenz {border-right:none;text-align:center;width:90px;}
.ueberschrift .bestellung {width:100px;border-right:none;border-left:none;}
.ueberschrift .preis {border-left:none;padding-right:3px;}

.step {color:#9D9D9D;}
.step:hover {text-decoration:underline;color:black}
.ordersteps {height:26px;background-image:url('../images/lectora/box/buy_header_stripe.gif');background-position:left center;background-repeat:no-repeat;padding:0px 3px 0px 3px;margin:0px;width:648px;font-size:1.1em;}

.headerspan {color:#9D9D9D;vertical-align:top; vertical-align:middle !important;position:relative !important; top:-7px !important; top:0px;}
.headerspan .marked {color:black;}
.headerspan .spanpadding {padding:0px 5px 0px 5px;}
.forward {margin-left:300px;font-weight:bold;vertical-align:middle;}

.newsBox A {padding:0px; margin:0px;display:block;margin-bottom:2px;}

.newsBox .linkBox {margin-top:5px;}

.newsBox .linkBox A {display:inline;}

.eyecatcher {

}
/** spiffy corners **/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eef0e4}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f1f3ea;
  border-right:1px solid #f1f3ea;
  background:#eff1e7;}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f5ee;
  border-right:1px solid #f4f5ee;
  background:#eff1e6;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eff1e6;
  border-right:1px solid #eff1e6;}
.spiffy4{
  border-left:1px solid #f1f3ea;
  border-right:1px solid #f1f3ea;}
.spiffy5{
  border-left:1px solid #eff1e7;
  border-right:1px solid #eff1e7;}
.spiffyfg{
  background:#eef0e4;color:#555b2a;text-align:right;padding:0px 10px 0px 0px;margin:0px;vertical-align:middle;}
.spiffyfg A {text-decoration:none;font-size:1em;}
.spiffyfg A:hover {text-decoration:underline;}

.info {
margin-top:10px;
width:100%
}

/** spiffy corners **/


/* Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox a
{
	cursor: default;

}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -43px;
	left: 15px;
	z-index: 1;
}

.hoverbox img
{
	
	vertical-align: top;
	width: 200px;
	height: 200px;

}

.hoverbox .hoverboxitem
{
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 400px;
}