/* ---------- 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;
}

/* ---------- outer ---------- */
#outer 
{
  margin:10px auto auto auto;
  width:90%;
  max-width:60em;
}

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

#topinfo
{
}
#topinfo .adnote
{
  display:none;
}
#topinfo h4
{
  font-size: 90%;
  font-weight: bold;
  color: #000;
  padding:0;
  margin-bottom: 0.5em;
}
#topinfo h4 a
{
  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
{
  float:left;
  width:20em;
  height:4.5em;
  padding:0.5em;
  margin-top:0.5em;
  margin-right:0.5em;
  border: 1px solid #999;
}

/* ---------- main ---------- */
#main 
{
  padding-top:20px;
  margin:0px 10px 25px 10px;
}

/* ---------- nav-main ---------- */
#nav-main 
{
  background:#484 url(/style/navmain_bg.png) repeat;
  border:1px solid #373;
  padding-top:6px;
  padding-bottom:1px;
}

/* ---------- nav-menu ---------- */
#nav-menu
{
  margin-top:4px;
  padding-bottom:0px;
  margin-bottom:2px;
  padding-left:40px;
}

#nav-menu ul 
{
  list-style:none;
}
#nav-menu ul li 
{
  font-size:1em;
  margin-left:0px;
  float:left;
}
#nav-menu ul li.no-a
{
  background:#efe url(/style/button_bg_nobutton.png) repeat;
  color:#333;
  display:block;
  font-weight:bold;
  border:1px solid #363;
  padding:4px 5px 4px 5px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:1px;
  margin-right:1px;
}
#nav-menu ul li a 
{
  background:#8c8 url(/style/button_bg_inactive.png) repeat;
  display:block;
  border:1px solid #363; 
  padding:4px 5px 4px 5px;
  margin-bottom:2px;
  margin-top:2px;
  margin-left:1px;
  margin-right:1px;
}
#nav-menu ul li+li 
{
  margin-left:0px;
}
#nav-menu ul li a:hover, #nav-main ul li a:focus 
{
  /* padding:5px 5px 5px 5px;
  */
  margin-bottom:1px;
  margin-top:1px;
  border:2px solid #000;
  margin-left:0px;
  margin-right:0px;
  background:#cfc url(/style/button_bg_hover.png) repeat;
}

/* ---------- searchbox ---------- */
#searchbox 
{
  padding-top: 4px;
 /*
  margin-top:4px;
  margin-bottom:2px;
  padding-bottom:0px;
 */
}
#searchbox form input#searchquery 
{
  font-size:85%;
  margin-left:30px;
  background:#8c8 url(/style/navmain_searchfield.png) repeat;
  width:10em; 
  border:1px solid #363;
  padding:2px 2px 2px 2px;
}
#searchbox form input#searchquery:focus, 
#searchbox form input#searchquery:hover 
{
  background:#fff url(/style/navmain_searchfield_active.png) repeat;
}
#searchbox form input#searchsubmit 
{
  font-size:85%;
  font-weight:bold;
  background:#8c8 url(/style/button_bg_inactive.png) repeat;
  width:5em;
  border:1px solid #363;
  padding:2px 2px 2px 2px;
}
#searchbox form input#searchsubmit:hover 
{
  background:#cfc url(/style/button_bg_hover.png) repeat;
}

/* ---------- footer ---------- */
#footer 
{
  clear:both;
  border-top:1px solid #999;
  padding:1em 0px 1em 0px;
  font-size:smaller;
/*
  text-align:center;
  padding:1em 0px;
  margin:4em 0 2em 0;
  position:relative;
  top:0;
*/
}
#footer .mail
{
  float:left;
  width:33%;
  text-align:left;
}
#footer .lastupdate  
{
  float:left;
  width:34%;
  text-align:center;
}
#footer .imprint 
{
  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;
}

/* ---------- 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 .4em 0;
  padding-bottom:4px;
}
#main h2 
{
  margin-left:-10px;
}
#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;
}
#main h3 
{
  margin-left:-10px;
}

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
{
  border: 1px #ddd outset;

  background-color: #ddd;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0px;
  padding-bottom:0px;
  font-family:verdana, tahoma, sans-serif;  
  font-weight:bold;
}

/* ---------- 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;
}
img.imgright 
{
  background: #fff;
  padding: 5px 5px 5px 15px;
  float: right;
}

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

#otherlang
{
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}
#otherlang h4
{
  display:none;
}
#otherlang ul 
{
  list-style:none;
}
#otherlang ul li 
{
  font-size:x-small;
  margin-left:10px;
  float:right;
}
/*
a.otherlang_de:before
{
  text-decoration:none;
  content:url(/img/flag_de_mini.png)" ";
}
a.otherlang_en:before
{
  text-decoration:none;
  content:url(/img/flag_en_mini.png)" ";
}
*/
#otherlang ul li a[hreflang]:after{
  content:""
}

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;
}

table.std 
{
  border: 1px solid #999;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
}
table.std td,
table.std th
{
  padding: 0.2em 0.5em;
}
table.std th
{
  text-align: left;
  padding-bottom: 0.5em;
}
table.std th.center
{
  text-align: center;
}
table.std td.center
{
  text-align: center;
}


.footnote
{
  /* border-top: 1px solid #ccc; */
  margin: 0.5em 0em;
  padding: 0.5em 0em;
  font-size: 0.7em;
  color: #999;
}
img.icon
{
  vertical-align:bottom;
}
.clearboth
{
  clear: both;
}