body {
  color: Black;
  background: #8c96b1 url('bg.jpg') repeat-x;
  font-size: 100.01%;
  /* font-family: Helvetica,Arial,sans-serif; */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0; padding: 16px 0;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  text-align: center;  /* Zentrierung im Internet Explorer */
  font-size: 16px;
}

body, div, p, td {
   position:relative;
}

a         { color:#eee; text-decoration:none; }
a:link    { color:#eee; text-decoration:none; }
a:visited { color:#eee; text-decoration:none; }
a:hover   { color:#eee; text-decoration:none; }

img { border:0; }

.clear { clear:both; display:none; }

div#Page { position:relative; width:900px; height:700px; padding:0; margin:0 auto; }

div#BorderTL { position:absolute; top:0px;  left:0px;   width:512px; height:96px; background: url('page_tl.jpg'); }
div#BorderTC { position:absolute; top:0px;  left:512px; width:356px; height:96px; background: url('page_tc.jpg'); }
div#BorderTR { position:absolute; top:0px;  right:0px;  width:32px;  height:96px; background: url('page_tr.jpg'); }

div#BorderML { position:absolute; top:96px; left:0px;  width:32px;  height:540px; background: url('page_ml.jpg'); }
div#BorderMR { position:absolute; top:96px; right:0px; width:32px;  height:540px; background: url('page_mr.jpg'); }

div#BorderBL { position:absolute; top:636px; left:-32px;  width:96px;  height:64px; background: url('page_bl.jpg'); }
div#BorderBC { position:absolute; top:636px; left:64px;   width:772px; height:64px; background: url('page_bc.jpg'); }
div#BorderBR { position:absolute; top:636px; right:-32px; width:96px;  height:64px; background: url('page_br.jpg'); }

div#Header      { position:absolute; top:64px;  right:40px; }
div#FooterLeft  { position:absolute; top:652px; left:16px;  color:#eee; font-size:0.9em; }
div#FooterRight { position:absolute; top:652px; right:16px; color:#eee; font-size:0.9em; }

/* * html div#Content { height:1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 *//* }*/
div#Content     { position:absolute; top:96px;  left:18px; width:848px; height:540px; background: url('page_mc.jpg'); text-align:left; padding:16px 8px 8px 8px; font-size: 0.8em; overflow:hidden; }
div#Content h1 { font-size: 1.2em; }
div#Content h2 { font-size: 1.1em; }
div#Content p  { font-size: 1em; }
div#Content a         { color:#4e5db1; text-decoration:none; }
div#Content a:link    { color:#4e5db1; text-decoration:none; }
div#Content a:visited { color:#4e5db1; text-decoration:none; }
div#Content a:hover   { color:#4e5db1; text-decoration:underline; }

div#lang   { position:absolute; top:74px; left:908px; width:24px; margin:0; padding:0; }
div#lang a { display:block; width:24px; height:16px; margin:4px 0; padding:0; text-decoration:none; }
div#lang a#lang_en { background: url('flag_en.gif') no-repeat; }
div#lang a#lang_de { background: url('flag_de.gif') no-repeat; }

div#Navigation   { }
div#Navigation a { display:inline-block; min-width:80px; margin:4px 0 0 4px; padding:4px 4px 4px 4px; text-decoration:none; color:black; border:solid black 1px; background:#b2bde2; } /* #6e7db1 */
div#Navigation a:hover { background:#dfeaff; text-decoration:none; } /* #9eb4ff */
div#Navigation a.selected{ background:#dfeaff; }

div#BannerL  { width:548px; height:280px; margin:0 8px 0 0; float:left; }
div#BannerS1 { width:280px; height:136px; display:inline-block; margin:0 0 0 0; }
div#BannerS2 { width:280px; height:136px; display:inline-block; margin:6px 0 0 0; }
div#BannerS2 img { position:absolute; }

table.SplitLayout { width:832px; }
table.SplitLayout td { width:50%; }
.width40p { width:40%; }
.width50p { width:50%; }
.width60p { width:60%; }
div.center { width:100%; text-align:center; }

table#contactTable td { vertical-align:middle; text-align:left; }
table#contactTable .warning { color:#f00; }
div#messageSent { vertical-align:middle; text-align:center; }

.firstLetter:first-letter { font-size:1.5em; }

div#title   { width:836px; text-align:center; }
div.inline { width:836px; height:128px; background:url('inline_background.jpg'); margin:8px 0 0 0; text-align:left; position:relative; overflow:hidden; }
div.inline_text  { max-height: 110px; position:relative; top:8px; margin:0 16px 0 16px; overflow:hidden; text-align:justify; }
div.inline_text:first-letter { font-size:1.5em; }
div.inline_title { position:relative; top:8px; margin:0 16px 0 16px; font-size:1.5em; }
div.inline_note  { position:absolute; top:8px; right:16px; font-weight:bold; }
div.inline_link  { position:absolute; bottom:8px; right:16px; font-weight:bold; }
img.inline_left  { float:left;  width:128px; height:128px; }
img.inline_right { float:right; width:128px; height:128px; }

div#Content div.inline_title a { color:Black; }
div#Content div.inline_title a:hover { text-decoration:none; }

div.box_title    { font-size:1.5em; }
div.box_subtitle { font-size:0.75em; }
div.box_content  { clear:both; text-align:justify; }
div.box_content:first-letter { font-size:1.5em; }

/*.gbox table { margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse; }
.gbox td { margin:0; padding:0; border:0; }
.gbox_tl { font-size: 2px; background:url('gbox_tl.jpg') no-repeat; }
.gbox_tr { font-size: 2px; background:url('gbox_tr.jpg') no-repeat; }
.gbox_bl { font-size: 2px; background:url('gbox_bl.jpg') no-repeat; }
.gbox_br { font-size: 2px; background:url('gbox_br.jpg') no-repeat; }
.gbox_ml { font-size: 2px; background:url('gbox_ml.jpg') repeat-y; }
.gbox_mr { font-size: 2px; background:url('gbox_mr.jpg') repeat-y; }
.gbox_tc { font-size: 2px; background:url('gbox_tc.jpg') repeat-x; }
.gbox_bc { font-size: 2px; background:url('gbox_bc.jpg') repeat-x; }
.gbox_mc { font-size: 2px; background:url('gbox_mc.jpg'); }
.gbox_content { overflow:hidden; }*/

div.gbox {
	background-color:White;
	border-radius:32px;
	padding:16px;
	box-sizing: border-box;
}


/* ### HOME PAGE ### */

#Page #home #infobox  { margin:8px 8px 0 0; float:left; }
#Page #home #infobox1 { width:246px; float:left; }
#Page #home #infobox2 { width:246px; float:right; }
#Page #home #newsbox  { margin:8px 0 0 0; float:left; display:none; }

/* ### CONTACT PAGE ### */

#Page #contact #contactbox   { float:left; margin:8px 0 0 0; }
#Page #contact #contactTable { border-spacing:2px; border-collapse:separate; }
#Page #contact #smallbox     { float:left; margin:8px 0 0 8px; }

/* PRODUCT ITEM PAGE */

div#Content .screenshot_box { width:464px; height:292px; }
div#Content .screenshot_box #imageContainer { width:400px; height:292px; position:absolute; left:0px; top:0px; }
div#Content .screenshot_box #screenshotSelect { width:64px; height:292px; position:absolute; left:400px; top:0px; }
div#Content .screenshot_box #screenshotSelect a { 
   display:block;
   border:1px solid Black;
   color:Black;
   background:#b2bde2; /* #b3c2fb #9babe2 */
   width:32px;
   padding:5px 4px 4px 4px;
   margin:0px 0px 6px 6px;
   text-align:center;
   font-weight:bold;
}
div#Content .screenshot_box #screenshotSelect a:hover { 
   background:#dfeaff; /* #d0dbff #c6d1f7 */
   text-decoration:none;
}
div#Content .screenshot_box #screenshotSelect a.selected { 
   background:#dfeaff;
}
div#Content .screenshot_box #screenshotSelect a:focus { outline:none; }

/* ### RSS BRAIN PRODUCT PAGE ### */

#Page #products_rssbrain #bigbox   { position:absolute; left:0px; top:8px;/*float:left; margin:8px 0 0 0;*/ }
#Page #products_rssbrain #contactTable { border-spacing:2px; border-collapse:separate; }
#Page #products_rssbrain #rightbox     { position:absolute; left:488px; top:8px; /*float:left; margin:8px 0 0 8px;*/ }
#Page #products_rssbrain #bottombox     { position:absolute; left:0px; top:340px;/*float:left; margin:8px 0 0 0;*/ }