/* ############### */
/*     CSS DWF     */
/* 16. Februar '10 */
/* ############### */

* {
  padding: 0;
  margin: 0;
}

html, body {
  background: rgb(236,236,236);
  height: 100%;
}

body {
  background: url(/gfx/layout/en/bg_site.gif ) repeat-y center;
  width: 100%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/* GLOBALE ELEMENTE ANFANG */
a:link,
a:visited {
  color: rgb(15,55,142);
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  color: rgb(15,55,142);
  text-decoration: underline;
}

table  { width: 100%; border-collapse: collapse; border-left: 1px solid #ccc; margin-bottom: 20px; }
th, td { padding: 3px 10px 4px 10px; text-align: left; border-right: 1px solid #ddd; }
th     { background: #ddd; color: #0F378E; border-bottom: 2px solid #ccc; }
td     { border-bottom: 1px solid #ddd; }
#inhalt td p { margin: 0; padding: 0; }

hr {
  clear: both;
  color: rgb(255,255,255);
  background: rgb(255,255,255);
  margin: 10px 0 0;
  height: 1px;
  border: 0;
}
/* GLOBALE ELEMENTE ENDE */

/* GRUNDSTRUKTUR ANFANG */
#site {
  height: 100%;
  position: relative;
  text-align: left;
  width: 904px;
  margin: auto;
  padding: 0 5px;
  background: url(/gfx/layout/en/bg_site.gif ) repeat-y center;
}

body>#site {
  min-height: 100%;
  height: auto;
}
/* GRUNDSTRUKTUR ENDE */

/* NAVIGATION ANFANG */
#navi                            { position: absolute; left: 5px; }
#navi ul                         { display: block; list-style: none; width: 218px; font-size: 12px; font-weight: bold; border-bottom: solid 1px rgb(255,255,255);}
#navi li                         { border-top: solid 1px rgb(255,255,255); }
#navi li a                       { display: block; width: 198px; padding: 7px 0 8px 20px; }
#navi li a:link,
#navi li a:visited               { color: #134C87; text-decoration: none; }
#navi li a:hover,
#navi li a:active,
#navi li a:focus                 { color: #606060; text-decoration: none; }
#navi li a.selected,
#navi li a.selected:visited      { color: #C12A2C; text-decoration: none; }

#navi li ul                      { display: none; background: rgb(210,210,210); border-bottom: 0; }
#navi li.selected ul             { display: block; }
#navi li ul a                    { width: 179px; padding: 7px 0 8px 30px; }

#navi li li ul                   { display: none; background: rgb(195,195,195); border-bottom: 0; font-weight: normal; }
#navi li.selected li ul          { display: none; }
#navi li li.selected ul,
#navi li.selected li.selected ul { display: block; }
#navi li li ul a                 { width: 179px; padding: 7px 0 8px 40px; }
/* NAVIGATION ENDE */

/* INHALT ANFANG */
#inhalt          { margin: 5px 10px 0 230px; padding-bottom: 30px;  }
#inhalt h1       { margin: 20px 0; font-size: 24px; font-family: "Times New Roman", "Liberation Serif", serif; color: rgb(15,55,142); }
#inhalt h2       { margin: 20px 0; font-size: 16px; font-family: "Times New Roman", "Liberation Serif", serif; color: rgb(15,55,142); }
#inhalt h3       { margin: 15px 0; font-weight: normal; color: rgb(15,55,142); font-size: 14px; }
#inhalt b        { color: rgb(15,55,142);  }
#inhalt p        { margin: 10px 0; line-height: 150%; }
#inhalt .notes   { font-size: 10px; }
#inhalt ul       { margin: 10px 0; list-style-type: none; }
#inhalt li       { padding-left: 10px; margin: 10px 0; border-left: solid 5px rgb(15,55,142); }
#inhalt hr       { color: rgb(206,217,226); background: rgb(206,217,226); height: 1px; border: 0; }
#inhalt          { line-height: 150%; }
#inhalt .big     { font-size: 1.5em; }
#inhalt .blue    { color: rgb(15,55,142); }
/* INHALT ENDE */

/* KOPF ANFANG */
#lang            { height: 27px; border-bottom: solid 3px white; }
#lang a span     { display: none; }
.flag_en         { display: block; width: 26px; height: 15px; background: url(/gfx/layout/en/flag_en.gif); float: left; margin: 5px 0 0 15px; }
.flag_de         { display: block; width: 26px; height: 15px; background: url(/gfx/layout/en/flag_de.gif); float: left; margin: 5px 0 0 5px; }

#logo            { position: absolute; right: 5px; top: 9px; background: rgb(255,255,255) url(/gfx/layout/en/logo.gif) no-repeat right; width: 230px; height: 37px; }
#logo a          { display: block; width: 230px; height: 37px; font-size: 1px; text-indent: -9999px; line-height: 0; text-decoration: none; outline: none; }

#iconbackground  { position: absolute; background-color: rgb(255,255,255); height: 219px; width: 219px; left: 5px; top: 30px; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80); }
#icon            { position: absolute; left: 5px; top: 30px; background: url(/gfx/layout/en/icon.gif) no-repeat center; height: 219px; width: 219px; }

#subline         { background: rgb(227,227,227); padding: 6px 0 0 10px; height: 21px; font-size: 10px; color: ; }

#suche           { position: absolute; top: 254px; right: 10px; }
.suchform        { width: 160px; height: 14px; font-family: Arial, sans-serif; color: rgb(100,100,100); font-size: 10px; background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164);}
form>.suchform   { padding: 1px; height: auto; }
.suchbutton      { width: 55px; height: 16px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 10px; font-weight: bold; background-color: rgb(202,212,222); border-top: solid 1px rgb(220,220,220); border-left: solid 1px rgb(220,220,220); border-right: solid 1px rgb(164,164,164); border-bottom: solid 1px rgb(164,164,164);}
form>.suchbutton { height: auto; }

#kopf            { background-color: rgb(15,55,142); background-repeat: no-repeat; background-position: right bottom; height: 249px; }

/* KOPF ENDE */

/* SONSTIGES ANFANG */

/* Kontaktformular */
.formular        { margin: 2px 0 2px 0; padding: 3px; width: 423px; font-family: Arial, sans-serif; color: rgb(90,90,90); background: rgb(250,250,250); font-size: 11px; border: solid 1px rgb(189,188,174); }
.formularselect  { margin: 2px 0 2px 0; padding: 3px 3px 3px 0; width: 431px; font-family: Arial, sans-serif; color: rgb(90,90,90); background: rgb(250,250,250); font-size: 11px; border: solid 1px rgb(189,188,174); }
.button          { margin: 2px 0 2px 0; padding: 0; width: 431px; font-family: Arial, sans-serif; color: rgb(90,90,90); font-size: 11px; font-weight: bold; background: rgb(230,230,230); border: solid 1px rgb(189,188,174); }
img.captcha      { float: left; margin: 2px 0 2px 0; width: 75px; height: 30px; border: solid 1px rgb(189,188,174); }
input.captcha    { float: left; margin: 2px 0 2px 4px; padding: 1px 0 0 3px; width: 345px; height: 29px; font-family: Arial, sans-serif; color: rgb(90,90,90); background: rgb(250,250,250); font-size: 11px; border: solid 1px rgb(189,188,174); }

h1.fehler        { color: rgb(201,5,5); }

.spalte          { margin: 0 5px 0 6px; width: 210px; float: right; }

* html .linkliste       { width: 668px; }

.linkliste .infobox { float: right; margin-right: 5px; margin-left: 6px; }

.infobox         { width: 210px; background: rgb(227,227,227); margin-top: 15px; padding-bottom: 1px; }
.infobox img,
.infobox a img   { margin: -12px -5px 0 0; z-index: 1; border: solid 3px rgb(15,55,142); border-width: 3px 0 0 0;}

#inhalt .infobox h2      { position: relative; z-index: 10; font-size: 15px; float: right; padding: 2px 5px; margin: 10px 0 0 0; width: 130px; color: rgb(255,255,255); background: rgb(15,55,142); text-align: right; }
#inhalt .infobox ul,
#inhalt .infobox p       { margin: 5px; text-align:left;}
#inhalt .infobox li      { border-left: solid 5px rgb(255,255,255); }

#inhalt .noclear { clear: none; }

.print,
.aus             { display: none; }
.clear           { clear: both; }

/* SONSTIGES ENDE */








#navi li li a { background-image: url(/gfx/layout/en/nav-arrows.gif); background-repeat: no-repeat; background-position: 20px -217px; }

#navi li li li a                { background-position: 28px -578px; }
#navi li li a.selected          { background-position: 20px -41px; }
#navi li li li a.selected       { background-position: 28px -402px; }
#navi li li a:hover             { background-position: 20px -129px; }
#navi li li li a:hover          { background-position: 28px -480px; }
#navi li li a.selected:hover    { background-position: 20px -41px; }
#navi li li li a.selected:hover { background-position: 28px -402px; }