/* ---------- reset browser defaults ---------- */
h1,h2,h3,h4,h5,h6,pre,code 
{
  font-size:1em;
}
ul,ol
{
  list-style:none;
}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,pre,blockquote,form,input,fieldset,textarea
{
  margin:0 0 0 0;
  padding:0 0 0 0;
}
:link,:visited
{
  text-decoration:none;
}
a img,:link img,:visited img 
{
  border:none;
}

/* ---------- define basic styles ---------- */
ol
{ 
  list-style:decimal; 
}
ol li 
{
  margin: 0 0 0.5em 2em;
}
ol li ol 
{
  margin:1em 0 1em 1em;
}
ol li ul 
{
  margin:1em 0 1em 1em;
}
ul 
{
  list-style:disc;
}
ul li 
{ 
  margin:0 0 0.5em 2em;
}
ul li ul 
{
  margin:1em 0 1em 1em;
  list-style:circle;
}
ul li ol 
{
  margin:1em 0 1em 1em;
}

/* ---------- paragraph ---------- */
p 
{
  margin-bottom:1em;
}

/* ---------- link colors ---------- */
:link {color:#039;}
:visited {color:#636;}
:link:hover, :visited:hover {color:#333;}
:link:focus, :visited:focus {color:#333;}
:link:active, :link:active {color:#000;}


/* ---------- document sections ---------- */
/* ---------- body ---------- */
body,textarea,input,select,textarea
{
  font-family:verdana, tahoma, sans-serif;
  font-size:small;
}
body
{
  min-width:40em;
  background:#fff;
  color:#000;
}

input,
textarea,
select
{
  border: 1px solid #f99;
  background: #fee;
  font-size: 0.8em;
  margin: 0px;
  padding: 2px; 
}
input.submit
{
  background: #fdd url(/style/back_red_light.png) repeat;
  border: 2px solid #f99;
  font-weight: bold;
}
textarea
{
  width: 40em;
}
input.optinput,
select.optinput,
input.stdinput,
select.stdinput
{
  width: 25em;
}
input.optinput2,
select.optinput2,
input.stdinput2,
select.stdinput2
{
  width: 12em;
}
textarea:hover, 
textarea:focus,
input:hover, 
input:focus,
select:hover,
select:focus
{
  border: 1px solid #f66;
  background: #fdd;
}


textarea.optinput:hover,
textarea.optinput:focus,
input.optinput:hover,
input.optinput:focus,
select.optinput:hover,
select.optinput:focus
{
  border: 1px solid #666;
  background: #ddd;
}
textarea.optinput,
input.optinput,
select.optinput,
input.optinput2,
select.optinput2
{
  border: 1px solid #999;
  background: #eee;
}

input.submit:hover,
input.submit:focus
{
  background: #fcc url(/style/back_red_middle.png) repeat;
  border: 2px solid #f66;
}


/* ---------- outer ---------- */
#outer 
{
  margin:20px auto auto auto;
  width:95%;
  max-width:70em;
}

/* ---------- header --------- */
#header
{
  border-bottom: 1px solid #e66;
  height: 60px;
  margin-bottom: 1em;
}
#logo
{
  height: 56px;
  width: 22%;
  float: left;
  margin: 0;
  padding: 0;
}
#logo .up
{
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}
#logo .rotate
{
  vertical-align: top;
  margin: 0px 0px 0px 11px;
  padding: 0;
}
#logo .down
{
  vertical-align: top;
  margin: 0;
  padding: 0;
}
#header h4
{
  display: none;
}
#mainbar
{ 
  padding-top: 1.5em;
  width: 75%;
  float: left;
}
#mainmenu
{
  margin-left: 0.5em;
  font-size:0.9em;
}
#mainmenu ul 
{
  list-style:none;
}
#mainmenu ul li 
{
  margin-left:0px;
  float:left;
}
#mainmenu ul li.active
{
  background:#fdd url(/style/back_red_light.png) repeat;
  color:#333;
  display:block;
  font-weight:bold;
  border:1px solid #e66;
  padding:4px 5px 4px 5px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:1px;
  margin-right:1px;
}
#mainmenu ul li a 
{
  background:#eee url(/style/back_gray_light.png) repeat;
  display:block;
  border:1px solid #eaa; 
  padding:4px 5px 4px 5px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:1px;
  margin-right:1px;
}
#mainmenu ul li+li 
{
  margin-left:0px;
}
#mainmenu ul li a:hover,
#mainmenu ul li a:focus 
{
  margin-bottom:1px;
  margin-top:1px;
  border:2px solid #f33;
  margin-left:0px;
  margin-right:0px;
  background:#ddd url(/style/back_gray_middle.png) repeat;
}

/* ---------- searchbox ---------- */
#searchbox 
{
  padding-top: 4px;
}
#searchbox form input#searchquery 
{
  font-size:0.8em;
  margin-left:30px;
  background:#eee url(/style/back_gray_light.png) repeat;
  width:8em; 
  border:1px solid #eaa;
  padding:2px 2px 2px 2px;
}
#searchbox form input#searchquery:focus, 
#searchbox form input#searchquery:hover 
{
  background:#ddd url(/style/back_gray_middle.png) repeat;
  border: 1px solid #f33;
}
#searchbox form input#searchsubmit 
{
  font-size:0.8em;
  /* font-weight:bold; */
  background:#eee url(/style/back_gray_light.png) repeat;
  width:6em;
  border:1px solid #eaa;
  padding:2px 2px 2px 2px;
}
#searchbox form input#searchsubmit:hover, 
#searchbox form input#searchsubmit:focus
{
  background:#ddd url(/style/back_gray_middle.png) repeat;
  border: 1px solid #f33;
}

#inner ul,
#inner ol
{
  margin-top: 1em;
}

/* ---------- main ---------- */
#main 
{
}

/* ---------- leftcol ---------- */

#leftcol
{
  overflow: hidden;
  margin:0px;
  padding:0px;
  float:left;
  width: 22%;
}

#leftmenu
{
  margin-top: 2em;
  margin-bottom: 0em;
}
#leftmenu h3
{
  border: none;
  font-size: 0.9em;
  padding-left: 12px;
  color: #999;
  margin-bottom: 0;
}
#leftmenu ul
{
  margin-top: 0;
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  list-style: none;
}
#leftmenu ul li 
{
  font-size:0.9em;
  margin-left:0px;
  float:left;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:1px;
  margin-right:1px;
}
#leftmenu ul li.active
{
  width: 10em;
  background:#fdd url(/style/back_red_light.png) repeat;
  display:block;
  border:1px solid #e66;
  color:#333;
  font-weight:bold;
  padding-top:4px;
  padding-bottom:4px;
  padding-left: 10px;
  padding-right: 2px;
}
#leftmenu ul li a 
{
  width: 10em;
  display:block;
  background:#eee url(/style/back_gray_light.png) repeat;
  border:1px solid #eaa; 
  padding-top:4px;
  padding-bottom:4px;
  padding-left: 10px;
  padding-right: 2px;
}
#leftmenu ul li a:hover,
#leftmenu ul li a:focus 
{
  padding-bottom:3px;
  padding-top:3px;
  padding-left:9px;
  padding-right:1px;
  border:2px solid #f33;
  background:#ddd url(/style/back_gray_middle.png) repeat;
}
#leftmenu ul li.active-a a
{
  width: 10em;
  background:#fdd url(/style/back_red_light.png) repeat;
  display:block;
  border:1px solid #e66;
  font-weight:bold;
  padding-top:4px;
  padding-bottom:4px;
  padding-left: 10px;
  padding-right: 2px;
}
#leftmenu ul li.active-a a:hover,
#leftmenu ul li.active-a a:focus 
{
  padding-bottom:3px;
  padding-top:3px;
  padding-left:9px;
  padding-right:1px;
  border:2px solid #f33;
  background:#fcc url(/style/back_red_middle.png) repeat;
}

#leftmenu ul #submenu_left
/*
 li,
#leftmenu ul #submenu_left li.active,
#leftmenu ul #submenu_left li a,
#leftmenu ul #submenu_left li a:hover,
#leftmenu ul #submenu_left li a:focus
*/
{
  margin-left:10px;
  width: 10em;
  list-style: none;
}
#leftmenu div.opinion
{
  clear: both;
  font-style: italic;
  font-size: 0.9em;
  color: #666;
  padding-top: 3em;
  margin-right: 10%;
}
#leftmenu div.opinion p.author
{
  color: #999;
  font-size: 85%;
  padding-left: 1em;
}

/* ---------- nav-menu ---------- */
#rightmain
{
  margin-left:0px;
  margin-right:0px;
  margin-top: 0px;
  margin-bottom: 0em;
  float:left;
  width: 75%;
  padding: 0.5em;
}



/* ---------- other document styles ---------- */

h1, h2, h3, h4, h5, h6
{
  font-family:arial, sans-serif, verdana;
}

h2 
{
  border-bottom:1px solid #ccc;
  font-size:160%;
  font-weight:bold;
  margin:0 0 0.4em 0;
  padding-bottom:4px;
}

h3 
{
  border-bottom:1px solid #ccc;
  font-size:130%;
  font-weight:bold;
  margin:1.5em 0 .5em 0;
  padding-bottom:4px;
}

h4 
{
  font-size:115%;
  font-weight:bold;
  padding-bottom:3px;
}

h5 
{
  font-size:100%;
}

h6 
{
  font-size:90%;
}

hr 
{
  display:none;
}

.main hr 
{
  display:block;
}

.main a,
.main a:visited
{
  text-decoration:underline;
}

.main a[hreflang]:after 
{
  content:" [" attr(hreflang) "]";
  font-size:80%;
}

.main h2 a,
.main h2 a:visited,
.main h3 a,
.main h3 a:visited
{
  text-decoration:none;
}

kbd.key
{
  background:#ddd;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0px;
  padding-bottom:0px;
  font-family:verdana, tahoma, sans-serif;  
  font-weight:bold;
/*
  border:1px solid #999;
  margin-top:2px;
  margin-bottom:2px;
*/
}

/* ---------- images ---------- */
img.inline 
{
  float:none;
  margin:0;
  vertical-align:middle;
}
img.screenshot 
{
  display:block;
  margin-top:1em;
  margin-bottom:1em;
  margin-right:5px;
  margin-left:5px;
}
.imgright
{
  background: #fff;
  padding: 5px 5px 5px 15px;
  float: right;
}

.imgleft
{
  background: #fff;
  padding: 5px 15px 15px 5px;
  float: left;
}

.searchresult_lang
{
  font-size:80%;
  color:#999;
}

#otherlang
{
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
  height: 0.5em;
}
#otherlang h4
{
  display:none;
}
#otherlang ul 
{
  list-style:none;
}
#otherlang ul li 
{
  font-size:x-small;
  margin-left:10px;
}
#otherlang ul li a[hreflang]:after{
  content:""
}

ul.smalllist
{
  margin-bottom:1em;
}

ul.smalllist li 
{ 
  margin:0 0 0.2em 2em;
}

#prefooter
{
  clear: both;
  height: 1em;
}

/* ---------- footer ---------- */
#footer 
{
  clear:both;
  border-top:1px solid #e66;
  padding:1em 0px 1em 0px;
  font-size:smaller;
  margin-bottom: 0px;
}
#footer .left
{
  float:left;
  width:75%;
  text-align:left;
}
/*
#footer .middle
{
  float:left;
  width:34%;
  text-align:center;
}
*/
#footer .right
{
  float:right;
  width:24%;
  text-align:right;
}
#footer, #footer p a 
{
  color:#666;
}
#footer a:hover,
#footer a:focus
{
  color:#333;
  text-decoration:underline;
}

/* ====== other document styles ====== */

.important 
{
  background:#fcc;
  margin-bottom:1em;
  padding:1em 1em 1em 1em;
}
.legalinfo
{
  background:#fcc;
  margin-bottom:1em;
  padding:1em 1em 1em 1em;
  font-size:85%;
}
.legalinfo ol li
{ 
  margin:0 0 0.2em 2em;
}

.news
{
  /* border:1px solid #999; */
  background:#dfd;
  font-size:x-small;
  margin-bottom:1em;
  padding:1em 1em 1em 1em;
}

.accent 
{
  clear: both;
  background: #fff8bb;
  margin-top:1.5em;
  margin-bottom:1em;
  padding:1em;
  border: 1px solid #fea;
}

.accent_light
{
  clear: both;
  background: #eeeeee;
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding:0.5em;
  border: 1px solid #ddd;
}

#shop input,
#shop textarea,
#shop select
{
  border: 1px solid #f99;
  background: #fee;
  font-size: 0.8em;
  margin: 0px;
  padding: 2px; 
}
#shop textarea
{
  width: 40em;
}

#shop textarea.optinput,
#shop input.optinput,
#shop select.optinput,
#shop input.optinput2,
#shop select.optinput2
{
  border: 1px solid #999;
  background: #eee;
}
#shop textarea:hover, 
#shop textarea:focus,
#shop input:hover, 
#shop input:focus,
#shop select:hover,
#shop select:focus
{
  border: 1px solid #f66;
  background: #fdd;
}
#shop textarea.optinput:hover,
#shop textarea.optinput:focus,
#shop input.optinput:hover,
#shop input.optinput:focus,
#shop select.optinput:hover,
#shop select.optinput:focus,
#shop input.optinput2:hover,
#shop input.optinput2:focus,
#shop select.optinput2:hover,
#shop select.optinput2:focus
{
  border: 1px solid #666;
  background: #ddd;
}
#shop input.step
{
  border: 2px solid #f99;
  background: #fdd url(/style/back_red_light.png) repeat;
  font-size: 0.9em;
  font-weight: bold;
  padding: 1px; 
}
#shop input.steplight
{
  border: 1px solid #f99;
  background: #fdd url(/style/back_red_light.png) repeat;
  font-size: 0.9em;
  font-weight: bold;
  padding: 1px;
  color: #666;
}
#shop input.step:hover, 
#shop input.step:focus, 
#shop input.steplight:hover,
#shop input.steplight:focus
{
  color: #000;
  border-color: #f66;
  background: #fcc url(/style/back_red_middle.png) repeat;
}
#shop input.radio,
#shop input.checkbox
{
  background: none;
  border: none;
}
#shop .selectcountry input
{
  margin-top: 0.4em;
  padding: 0.2em;
}
#shop .selectcountry input.mycountry
{
}
#shop .invalid
{
  color: #f00;
  font-size: x-small;
}
#shop .smallnote
{
  color: #666;
  font-size: x-small;
}
#shop .product_desc
{
  color: #888;
  font-size: x-small;
}
#shop .product_desc a
{
  color: #888;
}

#shopnav
{
  float: left;
}
#shopnav ul 
{
  list-style:none;
}
#shopnav ul li+li 
{
  margin-left:0px;
}
#shopnav ul li 
{
  float:left;
  margin-left:0px;
  margin-right:0px;
}
#shopnav ul li a
{
  text-decoration: none;
}
#shopnav ul li .future,
#shopnav ul li .current,
#shopnav ul li .current_active,
#shopnav ul li .active
{
  display:block;
  margin-bottom:2px;
  margin-top:2px;
  font-size: 0.8em;
  margin-left:1px;
  margin-right:1px;
  padding:4px 5px 4px 5px;
}
#shopnav ul li .active
{
  border:1px solid #eaa; 
  background:#eee;
}
#shopnav ul li .future
{
  color: #999;
  border:1px solid #eaa; 
  background:#ddd;
}
#shopnav ul li .current
{
  font-weight: bold;
  border:1px solid #f66; 
  background:#fee;
}
#shopnav ul li .current_active
{
  border:1px solid #f66; 
  font-weight: bold;
  background:#fee;
}
#shopnav ul li a:hover, 
#shopnav ul li a:focus 
{
  margin-bottom:1px;
  margin-top:1px;
  border:2px solid #f33;
  margin-left:0px;
  margin-right:0px;
  background:#fdd;
}

h2 
{
  border-bottom:1px solid #ccc;
  font-size:160%;
  font-weight:bold;
  margin:0 0 0.4em 0;
  padding-bottom:4px;
}
#shopinner
{
  clear: both;
  /* border-top: 1px solid #ccc; */
  margin: 0 10px 0 10px;
  padding: 0;
}
#shop h3 
{
  border-bottom: 1px solid #ccc;
  margin: 0 -10px 0.5em -10px;
}

#shop h4 
{
  margin: 0.7em -10px 0.3em -10px;
}

#shop h5
{ 
  font-size: 85%;
  margin: 1em 0px 0.2em 0px;
}

.shoptable
{
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #999;
  margin-bottom: 0.5em;
}

.shoptable td
{
  background: #eee;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}
.shoptable th
{
  border-bottom: 2px solid #999;
  background: #ddd;
  text-align: left;
  font-weight: normal;
  font-size: 0.8em;
  padding: 5px 10px;
}
.shoptable td.price
{
  text-align: right;
  white-space:nowrap;
}
.basket
{
  font-size: 0.9em;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #999;
  margin-bottom: 0.5em;
}

.basket tr
{
  background: #eee;
}

.basket td
{
  vertical-align: top;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}
.basket td.product_name
{
  /* font-size: 0.8em; */
}
.basket tr.sum
{
  background: #ffe;
  border-top: 2px solid #999;
}
.basket tr.vatsum
{
  background: #ffe;
  border-top: none;
}
.basket th
{
  background: #ffe;
  border-bottom: 2px solid #999;
  text-align: left;
  font-weight: normal;
  font-size: 0.8em;
  padding: 5px 10px;
}
.basket td.price,
.basket td.count
{
  text-align: right;
  white-space:nowrap;
}

.topspace01
{
  margin-top: 0.1em;
}
.topspace1
{
  margin-top: 1em;
}
form.paymode input
{
  width: 11em;
}
table.addressmore
{
  margin-bottom: 1em;
}
table.addressmore td.firstcol
{
  width: 10em;
}
table.licensemap,
table.upgrademap,
table.licenseview
{
  border-collapse: collapse;
  border-spacing: 0px;
  margin-bottom: 1em;
  border: 1px solid #999;
}
table.licenseview td
{
  border-bottom: 1px solid #999;
}
table.upgrademap tr.std,
table.upgrademap tr.stdlast,
table.licensemap tr.std,
table.licensemap tr.stdlast
{
  background: #ddd;
}
table.upgrademap tr.odd,
table.upgrademap tr.oddlast,
table.licensemap tr.odd,
table.licensemap tr.oddlast
{
  background: #eee;
}
table.upgrademap th,
table.licensemap th,
table.licenseview th
{
  padding: 1em 1em 0.5em 1em;
  text-align: left;
  font-size: 0.9em;	
}
table.licensemap td,
table.licenseview td
{
  font-size: 0.9em;
  padding: 0.2em 1em;
}
table.upgrademap td
{
  padding: 0.2em 1em 0.6em 1em;
}
table.upgrademap input
{
  width: 35em;
}
table.licensemap tr.stdlast td,
table.licensemap tr.oddlast td,
table.upgrademap tr.stdlast td,
table.upgrademap tr.oddlast td,
table.licenseview tr.stdlast td,
table.licenseview  tr.oddlast td
{
  padding-bottom: 1em;
}

#shop table.productfeatures,
#shop table.productfeatures td
{
  padding: 0 0.3em;
  border: none;
}

.small_warning
{
  font-size: 85%;
  font-weight: bold;
  color: #333;
  margin: 0.5em 0 1.5em 0;
}

.adrsmall
{
  font-size: 0.9em;
}
.necessary
{
  font-size: 0.8em;
  color: #666;
  margin: 0.6em 0 0.8em 0;
}
.notice_vat
{
  font-size: 0.8em;
  color: #666;
  margin: 0 0 2em 0;
}
table.light
{
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-bottom: 1em;
}
table.light td
{
  border: 1px solid #ccc;
  margin: 0;
  padding: 0.2em 1em;
}
table.light tr
{
  background: #ddd;
}
table.light tr.odd
{
  background: #eee;
}
table.ddauth
{
  border: 1px solid #ddd;
  background: #ffd;
  padding: 0.3em 0.3em;
  margin: 1em 0em;
}
table.ddauth td
{
  font-size: 0.8em;
  padding: 0.5em 0.5em;
  vertical-align: top;
  color: #333;
}

table.paymode
{
  padding: 1em 0em;
}
table.paymode td
{
  vertical-align: top;
  padding-right: 1em;
  padding-bottom: 1em;
}
.checkout_button
{
  margin: 1.5em 0 2em 0;
}
div.rules
{
  border: 1px solid #999;
  font-size: 0.8em;
  color: #666;
  padding: 1em 1em 0em 1em;
  margin: 1.5em 0em;
}
div.rules h4
{
  margin-bottom: 0.5em;
}
table.viewblock
{
  border: 1px solid #999;
  font-size: 0.8em;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
}
table.viewblock td
{
  padding: 0.2em 0.5em;
}

table.change td
{
  vertical-align: top;
}

table.imprint td
{
  vertical-align: top;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
}

.footnote
{
  border-top: 1px solid #ccc;
  margin: 0.5em 0em;
  padding: 0.5em 0em;
  font-size: 0.7em;
  color: #999;
}
.invalid
{
  color: #f00;
  font-size: x-small;
}
.redbold
{
  color: #f00;
  font-weight: bold;
}
.clearboth
{
  clear: both;
}
textarea.legal
{
  height: 10em;
  border: 1px solid #999;
  background: #eee;
  color: #666;
}
img.icon
{
  vertical-align:bottom;
  margin-right: 0.1em;
}
p.centermargin
{
  text-align:center;
  margin: 1em;
}
p.subtext
{
  color: #666;
  font-size: 0.7em;
}
p.smaller
{
  font-size: smaller;
}

.gray
{
  color: #666;
}

.lightgrayitalic
{
  color: #999;
  font-style: italic;
}

.graysmall
{
  color: #666;
  font-size: 0.7em;
}

.manual h3,
.manual h4,
.manual h5
{
  margin-top: 0.5em;
}
.manual p
{
  margin-bottom: 0.2em;
}
.manual pre
{
  margin-top: 1em;
  margin-bottom: 1em;
}

table.std
{
  margin-bottom: 1.5em;
}
table.std th,
table.std td
{
  vertical-align: top;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  padding-right: 2em;
  padding-bottom: 0.3em;
}

table.std th.center
{
  text-align: center;
}
table.std td.center
{
  text-align: center;
}
table.std .smaller
{
  font-size: 80%;
}
ul.plus
{
  list-style-image:url(/img/list_plus.gif);
  margin-bottom: 1em;
}

#inner div.release_notes h4
{
  /* color: #666; */
  font-size: 1em;
}

#inner div.release_notes ul
{
  margin-top: 0.2em;
  margin-left: 1em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
#inner div.release_notes li
{
  color: #000;
  margin-bottom: 0.5em;
}
table.heavy
{
  border: 1px solid #999;
  border-collapse: collapse;
  margin-bottom: 1em;
}
table.heavy td,
table.heavy th
{
  margin: 0;
  vertical-align: top;
  padding: 1em 1em;
  text-align: left;
  border: 1px solid #999;
}
table.heavy td.center
{
  text-align: center;
}
table.heavy th
{
  border-bottom: 2px solid #666;
}
table.heavy tr
{
  background: #eee;
}
table.heavy tr.odd
{
  background: #ddd;
}
table.heavy tr.head
{
  background: #ccc;
}

div.w50
{
  float: left;
  width: 50%;
  margin: 1em 0;
}
div.w50inner
{
  padding: 1.2em;
}