/* ---------- 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
{
  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 1em 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 1em 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
{
  font-family:verdana, tahoma, sans-serif;
  font-size:small;
  min-width:40em;
  background:#fff;
  color:#000;
}

/* ---------- main ---------- */
#main 
{
  padding-top:0.5em;
  padding-bottom:1em;
  margin:10px auto auto auto;
  width:90%;
}

#inner
{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 1em;
  padding-right: 0.5em;
}

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

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

h1
{
  font-size: 100%;
  color: #999;
}

h2 
{
  border-bottom:1px solid #ccc;
  font-size:160%;
  font-weight:bold;
  margin:0 0 .4em 0;
  padding-bottom:4px;
}
#main h2 
{
  margin-left:-0.5em;
}
#main h3 
{
  margin-left:-0.5em;
}
#nav-menu h2, #nav-menu h3, #nav-menu h4
{
  display:none;
}

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:2px;
}

h5 
{
  font-size:100%;
}

h6 
{
  font-size:90%;
}

hr 
{
  display:none;
}

#main hr 
{
  display:block;
}

#main a 
{
  text-decoration:underline;
}

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

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.screenshot 
{
  float:none;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
  margin-left:15px;
}

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

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

.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 
{
  background:#ffa;
  margin-bottom:1em;
  padding:1em 1em 1em 1em;
}

.errormessage
{
  clear:both;
  border-bottom:1px solid #999;
  padding:1em 0px 1em 0px;
}

#header
{
  background: #eef;
  padding: 0.5em;
  border: 1px solid #cce;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

#header h1
{
  font-size: large;
  padding: 0;
  margin-top:0;
  margin-bottom: 0px;
}
#header .subtitle
{
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  margin-right: 1em;
}

#otherlang
{
  margin:0;
  padding: 0;
  font-size: small;
  color: #999;
}
#otherlang :link, #otherlang :visited
{
  color: #999;
}
#otherlang :before
{
  content:"[";
}
#otherlang :after
{
  content:"]";
}

#searchbox
{
  padding: 0;
  float: right;
  margin-right:0.5em;
}
#searchbox form input#searchquery 
{
  font-size:xx-small;
  margin-left:30px;
  margin-right:5px;
  background:#ccf;
  width:10em; 
  border:1px solid #339;
  padding:2px 2px 2px 2px;
}
#searchbox form input#searchsubmit 
{
  font-size:xx-small;
  font-weight:bold;
  background:#bbd;
  width:10em;
  border:1px solid #aac;
  padding:2px 2px 2px 2px;
  margin-right: 0px;
}
#searchbox form input#searchsubmit:hover 
{
  border:2px solid #669;
  padding:1px 1px 1px 1px;
}

#mainsearch
{
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0em;
}
#mainsearch form input#mainsearchquery 
{
  background:#eef;
  font-size:x-small;
  margin-right:5px;
  width:20em; 
  border:1px solid #999;
  padding:2px 2px 2px 2px;
}
#mainsearch form input#mainsearchsubmit 
{
  font-size:x-small;
  font-weight:bold;
  background:#ccf;
  width:13em;
  border:1px solid #aac;
  padding:2px 2px 2px 2px;
  margin-right: 0px;
}
#mainsearch form input#mainsearchsubmit:hover 
{
  border:2px solid #669;
  padding:1px 1px 1px 1px;
}

#header a
{
  text-decoration:none;
}
#header a:hover, #header a:focus
{
  text-decoration:underline;
}

#software p
{
  margin-bottom: 0.5em;
}

#selectedsoftware ul li
{
  margin-left: 1em; 
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: small;
}

#othersoftware
{
  font-size: 75%;
  clear:both;
  /* border-top:1px solid #999; */
  margin-top: 2em;
  padding:1em 0px 1em 0px;
}
#othersoftware h4
{
  margin-left: -0.5em;
  border-bottom:1px solid #ccc;
}

#othersoftware li
{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
#othersoftware h4
{
  margin-bottom: 0.5em;
}
.othertitle
{
  font-weight: bold;
}


#download
{
  clear: both;
}
#download p
{
  margin-bottom:0;
}
#download #mirrors
{
  margin-top: 0.5em;
  font-size: xx-small;
}
#download #mirrors :link, #download #mirrors :visited
{
  color: #999;
  margin-top: 0.5em;
  font-size: xx-small;
}
#download #mirrors :link:hover, #download #mirrors :link:focus, #download #mirrors :link:active
{
  color: #333;
}

.smallnote
{
  font-size: 75%;
  color: #666;
}

#summarybox
{
  float: right;
  font-size: 85%;
  border: 1px solid #ddf;
  background:#eef;
  padding:1em 1em 1em 1em;
  margin-left: 2em;
  margin-top: 0.2em;
  margin-bottom: 1em;
}
#summarybox td
{
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}
#summarybox a
{
  text-decoration: none;
}
#summarybox a:hover, #footer a:focus
{
  color:#333;
  text-decoration:underline;
}

#beforeheader
{
  clear: both;
  height: 1em;
  margin:0;
  padding:0;
}

#topinfo .adnote
{
  display:none;
}
#topinfo h4
{
  font-size: 90%;
  font-weight: bold;
  color: #000;
  padding:0;
  margin-bottom: 0.5em;
  text-decoration: underline;
}
#topinfo p
{
  font-size: 80%;
  color: #333;
  margin-bottom:0;
  margin-top:0.2em;
  padding:0;
}
#topinfo .top_de
{
  background: #ffd url(/style/adnote_bg_de.png) no-repeat top right;
}
#topinfo .top_en
{
  background: #ffd url(/style/adnote_bg_en.png) no-repeat top right;
}
#top1, #top2, #top3
{
  float:left;
  width:20em;
  height:4.5em;
  padding:0.5em;
  margin-top:0.5em;
  margin-right:0.5em;
  border: 1px solid #999;
}

/* ---------- footer ---------- */
#footer 
{
  clear:both;
  border-top:1px solid #999;
  padding:1em 0px 1em 0px;
  font-size:smaller;
}
#footer .imprint
{
  float:left;
  width:33%;
  text-align:left;
}
#footer .middle
{
  float:left;
  width:34%;
  text-align:center;
}
#footer .validate
{
  float:right;
  width:32%;
  text-align:right;
}
#footer, #footer p a 
{
  color:#666;
  text-decoration:none;
}
#footer a:hover, #footer a:focus
{
  color:#333;
  text-decoration:underline;
}

.moreinfo
{
  padding-top: 1em;
}

img.icon
{
  vertical-align:bottom;
}