/* CSS Document */

body {
  font-family:/* "Segoe UI", */ Arial;
  background-color:#333;
  color:#fff;
  margin:0;
  padding:0;
}

td {
  background-color:#eee;
  background-color:#444444;
  color:#333;
  color:#fff;
}

th {
  background-color:#aaa;
  background-color:#444444;
}

td, th {
  padding:5px;
  vertical-align:top;
}

td.col1,
th.col1
{
  font-weight:bold;
}

.contenttable {
  margin: 7px;
  font-size:13px;
  line-height:145%; 
}

div.menu,
div.content,
div.header,
div.logo {
  float:left;
}

div.menu {
  width:240px;
  /* margin-top:114px; */
}

div.logo {
  width:240px;
  height:240px;
  background:transparent url(../img/rgblogo.png) no-repeat center 4px;
  /*background:transparent url(../img/rgblogo.png) no-repeat center center;*/
  /* background:transparent url(xor.jpg) no-repeat center center; */
  /* background:transparent url(xor-frog.png) no-repeat center center; */ 
}

div.content {
  width:720px;
  margin-top:0px;
}

div.wrapper {
  margin:0 auto;
  width:960px;
  clear:both;
}

div.wrapper > div {
  width:960px;
  clear:both;
  /* background:transparent url(../img/bg.png) repeat 0 0; */ 
}

div.wrapper > div.boxes {
  clear:both;
  margin-top:50px;
  background-color:#fff;
  padding:20px 0 0 20px;
  width:780px;
}

.placeholder {
  background-color:#3a3a3a !important;
  background-image:none !important;
}

div.wrapper div.header {
  margin-top:0px;
  width:712px;
  font-size:60px;
  font-family:Georgia, "Segoe UI Semibold";
  font-style:italic;
  color:#d0d0d0;
  height:90px;
  padding-top:16px;
  padding-left:8px;
  border-top:4px solid #ee760f;
}

div.header span.caps {
  color:#fff;
}

/*
.box {
  float:left;
  width:260px; 276
  height:182px; 190
  border:2px solid #666;
  font-family:Verdana;
  padding:2px 6px 2px 6px;
  margin:0 8px 8px 0;
  color:#111;
}

.box.dk {
 background-color:#c0c0c0;
}

.box.lt {
  background-color:#e0e0e0;
}

.box .title {
  font-size:42px;
  line-height:115%;
  letter-spacing:-2px;
  margin-bottom:6px;
}

.box .date {
  font-size:20px;
} */

.box {
  float:left;
  width:256px;/* 276 */
  height:170px; /* 190 */
  border:10px solid #e0e0e0;
  font-family:"Segoe UI Semibold", Verdana;
  padding:0px;
  margin:0 16px 16px 0;
  color:#111;
}

.box.dk {
 background-color:#c0c0c0;
}

.box.lt {
  background-color:#e0e0e0;
}

.box .title {
  font-weight:bold;
  font-size:36px;
  line-height:125%;
  /*letter-spacing:-2px; */
  margin-bottom:8px;
  margin-top:-2px;
  padding-left:2px;
}

.box .date {
  font-size:20px;
  padding-left:2px;
} 

.image-content {
  margin-left: -8px;
    zoom: 1;
}

.imagewrap {
  /*border:4px solid #fff;
  -webkit-border-radius: 4px; */
  border:none;
  padding:4px;
  background-color:#fff;
  float:left;
  margin:8px 0 8px 16px;
  
}

.image {
  background-repeat:no-repeat;
  background-position:center center;
  background-color:transparent;
}

.sample1 {
  background-image:url(sample1.jpg);
}

.sample2 {
  background-image:url(sample2.jpg);
}

.sample3 {
  background-image:url(sample3.jpg);
}

.sample4 {
  background-image:url(sample4.JPG);
}

.sample5 {
  background-image:url(sample5.jpg);
}

.sample6 {
  background-image:url(sample6.jpg);
}

.sample7 {
  background-image:url(sample7.jpg);
}

.sample8 {
  background-image:url(sample8.jpg);
}

.sample9 {
  background-image:url(sample9.jpg);
}

.sample10 {
  background-image:url(../img/sample10.jpg);
}

.sample11 {
  background-image:url(sample11.jpg);
}

.sample12 {
  background-image:url(sample12.jpg);
}

.sample13 {
  background-image:url(sample13.jpg);
}

.sample14 {
  background-image:url(sample14.png);
}

.sample15 {
  background-image:url(sample15.png);
}

.sample16 {
  background-image:url(sample16.png);
}

.sample17 {
  background-image:url(sample17.gif);
}

.printer1 {
  background-image:url(epson-stylus-pro-11880-1.jpg);
}

.printer2 {
  background-image:url(epson-stylus-pro-11880-2.jpg);
}

.printer3 {
  background-image:url(epson-stylus-pro-11880-3.jpg);
}

.printer4 {
  background-image:url(epson-4.png);
}

.scanner1 {
  background-image:url(cruse-1.jpg);
}

.teaser1 {
  background-image:url(http://www.high-quality-scanning.de/assets/images/Clowns.gif);
}

.teaser2 {
  background-image:url(http://www.high-quality-scanning.de/assets/images/Buch.gif);
}

.teaser3 {
  /* background-image:url(http://www.high-quality-scanning.de/assets/images/Clowns.gif); */
}

.teaser4 {
  background-image:url(epson-stylus-pro-11880-2.jpg);
}

.column1 {
  width: 360px;
  float: left;
}
.column2 {
  width: 360px;
  float: right;
}

.cols-special,
.cols-special .image {
  width:156px;
}

.rows-special .image,
.rows-special {
  height:156px;
}


.cols1,
.cols1 .image {
  width:96px;
}

.cols2,
.cols2 .image {
  width:216px;
}

.cols3,
.cols3 .image {
  width:336px;
}

.cols4,
.cols4 .image {
  width:456px;
}

.cols5,
.cols5 .image {
  width:576px;
}

.cols6,
.cols6 .image {
  width:696px;
}

.rows1 .image,
.rows1 {
  height:96px;
}

.rows2 .image,
.rows2 {
  height:216px;
}

.rows3 .image,
.rows3 {
  height:336px;
}

.image:hover {
  /* opacity:0.85; */
}

.clear {
  clear:both;
}

h1, h2, h3, h4, h5, h6 {
  font-family:Georgia;
  font-style:italic;
  font-weight:normal;
  clear:both;
  margin-left:7px;
  margin-right:9px;
  margin-top:4px;
  color:#ee760f; /* #79161f; */
  margin-bottom:0.55em;
}

h2 {
  font-size:27px;
}

.menu ul {
  list-style-type:none;
  padding:8px 8px 8px 8px;
  margin:0;
  height:450px;
}

.menuitem a {
  display:block;
  text-decoration:none;
  color:#e8e8e8;
  padding:4px 0 4px 4px;
  border-bottom:1px solid #444;
  margin-left:1px;
}

.menuitem:first-child a {
  border-top:1px solid #444;
}

.menuitem a:hover {
  /* color:#fff; */
  background-color:#444;
}

.bodytext {
  font-size:13px;
  line-height:145%;
  margin:0 8px 8px 8px;
}


p.text {
  font-size:13px;
  line-height:145%;
  margin:0 8px 8px 8px;
}


.more a {
  font-size:13px;
  text-decoration:none;
  font-family:Georgia;
  display:block;
  height:18px;
  text-align:right;
  font-style:italic;
  padding-right:40px;
}

.more a:hover {
  color:#fff;
}

.leftbox .bodytext,
.rightbox .bodytext {
  margin:0 7px 8px 7px;
}



.content .topteaser {
  height:104px;
  margin:0 0 8px 0;
}

.leftbox {
  margin-left:4px;
  margin-right:4px;
  padding-left:0px;
  width:350px;
  float:left;
  border:1px solid #444;
  position:relative;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px; */ 
  overflow:hidden;
  /* -webkit-box-shadow: 4px 4px 4px #282828; */
}

.rightbox {
  margin-left:4px;
  padding-left:0px;
  width:350px;
  float:left;
  border:1px solid #444;
  position:relative;
  /* -webkit-border-radius: 4px;
  -moz-border-radius: 4px; */ 
  /* -webkit-border-radius: 4px; */
  overflow:hidden;
}

.content a {
  text-decoriation:underline;
  color:#e8e8e8;
}

.content a:hover {
  color:#fff;
}

.leftbox .more,
.rightbox .more {
  width:350px;
  background:#444 url(../img/more-14px.png) no-repeat 320px center; /* #ee760f */
  position:absolute;
  height:18px;
  border-top:1px solid #444;
  padding:1px 0;
  left:0px;
  bottom:122px;
}

.leftbox .teaserimage,
.rightbox .teaserimage {
  width:342px;
  height:114px;
  background-color:#444;
  position:aboslute;
  left:4px;
  bottom:4px;
  position:absolute;
  background-position:left top;
  background-repeat:repeat-x; /* FIXME */
  cursor:pointer;
    
}


/*.teaserimage:hover {
  opacity:0.85;
} */

/*.menu li:nth-child(3) */

li.menuitem.current {
  margin-left:-8px;
  border-left:4px solid #ee760f;
  padding-left:4px;
  margin-top:-1px;
  padding-top:1px;
  
}

input.textfield {
  border:1px dashed #999;
  padding:4px;
  background-color:#666;
  color:#fff;
  width:158px;
}

HTML* input.textfield {
  width:166px;
}

input.textfield:focus {
  border:1px dashed #ccc;
}
.menu label {
  display: block;
}
.menu  p {
  width: 100%;
}
.form {
  margin-top:16px;
  padding-top:8px;
  border-top:1px solid #444;
  padding-left:4px;
}

.form > * {
  margin-bottom:8px;
  float:left;
  clear:both;
  margin-left:0;
}


.form .clear {
  float:none;
}

input.button {
  border:1px solid #999;
  background-color:#444;
  color:#fff;
  margin-top:6px;
  width:84px;
  height:26px;
  cursor:pointer;
  margin-left:84px;
}

.topheader {
  margin-top:0;
}

div.footer {
  margin:16px 4px 128px 4px;
  border-top:1px solid #444;
  height:104px;
  width:712px;
  /* opacity:0.75; */
  background:transparent url(partner-logo-s-t.png) no-repeat right 16px;
  padding-top:16px;
}

.footer .leftcol,
.footer .midcol,
.footer .rightcol {
  background:transparent;
  width:221px;
  float:left;
  margin:0;
  padding:2px 8px 2px 8px;
  height:104px;
  font-size:13px;
  line-height:145%;
  color:#999;
}

.footer .leftcol,
.footer .midcol {
  border-right:1px solid #444;
}

.footer .leftcol {
  text-align:left;
}

.footer .rightcol {
  margin-right:-2px;
  text-align:left;
  padding-right:32px;
  width:194px;
}

#typo3-previewInfo {
  visibility: hidden;
}

div.img-border {
  zoom:1;
  border:1px solid #444444;
  margin: 16px 4px 0 4px;
  margin-top: 16px; 
}