/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   BASIC ELEMENTS
   
   Colors
   orange (e.g. links)                         : #f35d02
   orange/red (e.g. active/hover links)        : #b42e24
   dark grey (e.g. Text)                       : #111111
   mid grey (e.g. footer)                      : #444444
   light grey                                  : #e8e8e8
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   GLOBAL RESET : 
   Forces every browser to display HTML elements with the same margins, paddings etc.
   see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { position: relative; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "»" "«"; }
html { font-size:100.01%; }
body { font-size:1em; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   CLEARFIX HACK:
   fixes mistakes in displaying floating containers
   see: http://positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   INVISIBLE-CLASS
   will hide elements from the screen but will be recognized in screen reader applications
*/
.invisible { position: absolute; left: -1000em; width: 20em; }

a {
  text-decoration: none;
  color: #666666;
}
a:hover {
  color: #851532;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */

body {
  position: absolute;
  width: 100%; height:101%;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  color: #444444;

  font-size: 0.56em;
  line-height: 1.6em; 
}
*html body {
  height: auto;
}
#page_content {
  /* the area containing the texts and teasers */
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 99em;
  z-index: 90;
}
html* #page_content {
/* MSIE 6, 7 */
  overflow: hidden;
}
*html #page_content {
/* MSIE 6 */
}



#main_menu {
  /* the area containing the texts and teasers */
  position: absolute;
  top: 0; left: 0;
  margin: 0 0 0 18em;
  width: 79.2em; height: 14.2em;
  z-index: 90;
}
#main_menu li {
  display: block;
  float: left;
  width: 13.1em; height: 9.7em;
  padding: 2.7em 0.8em 1.8em 0.8em;
  margin: 0 0.2em 0 0;
  background: #e0e0e0;
}
html* #main_menu li {
  width: 13.2em;
}
#main_menu li:hover,
#main_menu li.current {
  background: #f35d02;
}
#main_menu li a {
  display: block;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #111111;
}
#main_menu li a:hover {
  color: #f35d02;
}
#main_menu li:hover a:hover,
#main_menu li.current a {
  color: #ffffff;
}

#main_menu li ul li {
  display: inline;
  float: none;
  width: auto; height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
}

#main_menu li ul li a {
  text-transform: none;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 1.4em;
  background: url(../images/liststyleimage_mgrey.gif) no-repeat 0 0.4em;
}
#main_menu li:hover ul li a,
#main_menu li.current ul li a {
  background: url(../images/liststyleimage_dgrey_orange.gif) no-repeat 0 0.4em;
  color: #111111;
}

#main_menu li ul li a:hover {
  background: url(../images/liststyleimage_orange.gif) no-repeat 0 0.4em;
}
#main_menu li:hover ul li a:hover,
#main_menu li.current ul li.current a,
#main_menu li.current ul li a:hover {
  background: url(../images/liststyleimage_white.gif) no-repeat 0 0.4em;
  color: #ffffff;
}

#header {
  position: absolute;
  top: 14.2em; left: 18em;
  background: #e8e8e8;
  width: 59.4em; height: 108px;
  border-top: solid 0.2em #ffffff;
  border-bottom: solid 0.2em #ffffff;
  overflow: hidden;
  z-index: 97;  
}
html* #header {
  padding: 0; margin: 0;
  width: 59.8em;
  overflow: hidden;
}

#content {
  /* Text, images, article, etc. */
  position: relative;
  width: 56.7em;
  margin: 16.2em 2.7em 0 19.8em;
  padding: 108px 0 5em 0;
  float: left;
}
*html #content {
  width: 58.5em;
  margin: 16.2em 2.7em 9em 9em;
}
.homepage #content {
  width: 57.6em;
  margin: 16.2em 1.8em 0 19.8em;
}
*html .homepage #content {
  width: 59.3em;
  margin: 16.2em 1.8em 9em 9em;
}
#content h1 {
  font-size: 2.0em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 0 1em 0;
  text-transform: uppercase;
  color: #111111;
}
#content h2,
#content h3 {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #f35d02;
}
#content h3 {
  color: #111111;
}
#content strong {
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #f35d02;
}
#content p,
#content ul,
#content ol {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #444444;
  margin: 0 0 1em 0;
}
#content p a, #content ul a {
  color: #f35d02;
  font-weight: bold;
/*
  background: url(../images/liststyleimage_orange.gif) no-repeat right 0.4em;
  padding: 0 15px 0 0;
*/
}
#content p .linkpfeil a, #content p a.linkpfeil {
  background: url(../images/liststyleimage_orange.gif) no-repeat right 0.2em;
  padding: 0 15px 0 0;
}
.homepage #content p a {
  padding: 0;
  background: 0;
}

#content a.download {
  display: block;
  padding: 0 0 0 1.4em;
  background: url(../images/liststyleimage_orange.gif) no-repeat 0 0.4em;
}
#content .download_description {
  padding: 0 0 0 1.4em;
}
#content a:hover, #content a:focus {
  color: #b42e24;
  font-weight: bold;
}
#content a.download:hover {
  background: url(../images/liststyleimage_red.gif) no-repeat 0 0.4em;
}
#content .image {
  width: 100%;
  margin: 0 0 1em 0;
  overflow: hidden;
}
#content .small {
  color: #999999;
  font-size: 0.8em;
}

#content .searchcontainer {
  border-top: 1px solid #e8e8e8;
  margin: 0.9em 0 0 0;
  padding: 0.9em 0 0 0;
}


#content ul li {
  padding: 0 0 0 1.4em;
  margin: 0;
  background: url(../images/liststyleimage_orange.gif) no-repeat 0 0.4em;
}


#content ol li ol,
#content ol li ul,
#content ul li ol,
#content ul li ul {
  font-size: 1em;
  margin: 0;
}
#content ol {
  list-style-type: decimal;
}

#content form ul li {
  margin: 0 0 0.9em 0;
  padding: 0;
  background: none;
}

#content form label {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #444444;
  display: block;
  width: 9.9em;
  margin: 0 1em 0 0;
  float: left;
}
#content form input.text,
#content form input.si_query {
  border: 1px solid #e8e8e8;
  background: #ffffff;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.25em 0.5em 0.25em 0.5em;
  float: left;
  width: 27em;
}
#content form input.submit,
#content form input.si_start_search {
  border: 0;
  background-color: #e8e8e8;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.25em 0.5em 0.25em 0.5em;
  float: left;
  width: 12.3em;
}
#content form input.submit:hover,
#content form input.si_start_search:hover {
  background-color: #f35d02;
  color: #ffffff;
}





.homepage #content .newscontainer {
  background: url(../images/bg_dotted_hor.gif) repeat-x top;
  padding: 0.9em 0 0 0;
  margin: 0.9em 0 0 0;
  height: 18em;
}
.homepage #content .newscontainer .text {
  width: 37.7em;
  margin: 0 1.8em 0 0;
  float: left;
}
.homepage #content .newscontainer .image {
  width: 18em; height: 18em;
  background: transparent;
  overflow: hidden;
  float: left;
}
.homepage #content .newscontainer h3 {
  text-transform: uppercase;
  color: #111111;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
.homepage #content .newscontainer .morelink {
  text-align: right;
}

#right_row {
  /* Teaser, Quicklinks */
  position: relative;
  width: 18em;
  margin: 16.2em 0 0 0;
  padding: 108px 0 0 0;  
  float: left;
}

#right_row .teaser {
  padding: 0.9em;
  background: #f35d02;
  margin: 0 0 1.8em 0;
}
#right_row .teaser h3, #right_row .teaser a {
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #ffffff;
}
#right_row .teaser p a {
  font-size: 1.3em;
}
#right_row .teaser p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #ffffff;
  margin: 0 0 1em 0;
  max-height: 6em;
  overflow: hidden;
}
#right_row .image, #right_row img {
  display: none;
}

#quicklinks, .greyteaser {
  padding: 0.9em;
  background: #e8e8e8;
  margin: 0 0 1.8em 0;
  width: 16.2em;
  overflow: hidden;
  line-height: 1.7em;
}
.greyteaser a {
  font-size: 1.2em;
  font-weight: bold;
  color: #f35d02;
  text-transform: uppercase;
}

#dotted_line {
  position: absolute;
  top: 0; left: 77.2em;
  margin: 0;
  background: url(../images/bg_dotted.gif) repeat-y;
  width: 2px; height: 100%;
  z-index: 1;
}
html* #dotted_line {
  left: 77.6em;
  height: 10000em;
}
.homepage #dotted_line {
  display: none;
}


#left_row {
  position: absolute;
  top: 0; left: 0.9em;
  width: 17.0em; height: 100%;
  padding: 0 7px 0 0;
  margin: 0 0 0 0;
  background: url(../images/bg_submenu.png) repeat-y top right;
  text-align: right;
  z-index: 99;
}

*html #left_row {
  background: url(../images/bg_submenu.gif) repeat-y top right;
  width: 15.9em;
  z-index: 50;
  height: 10000em;
}
#submenu {
  position: absolute;
  left: 0; top: 0;
  margin: 16.4em 0 0 0;
  padding: 108px 0 0 0;
  width: 16.2em; height: 600px;
}
*html #submenu {
  width: 15.5em;
}
#submenu li {
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0 0.25em 0;
  margin: 0.25em 0.9em 0.25em 0;
}
#submenu li.current {
  border-bottom: 1px solid #f35d02;
}
#submenu li.current ul li {
  border-bottom: 0;
  padding: 0 0 0.25em 0;
  margin: 0.25em 0.9em 0.25em 0;
}
#submenu li a {
  display: block;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 0 0 1.4em;
  background: url(../images/liststyleimage_lgrey.gif) no-repeat 0 0.3em;
}

#submenu li.current ul li a {
  background: 0;
  color: #111111;
}
#submenu li.current a,
#submenu li a:hover {
  color: #f35d02;
  background: url(../images/liststyleimage_orange.gif) no-repeat 0 0.3em;
}
#submenu li.current ul li a:hover,
#submenu li.current ul li.current a {
  color: #b42e24;
  background: 0;
}  

#submenu li.ontopofsubmenu {
  margin: 0.25em 0.9em 1.25em 0;
}
#submenu li.ontopofsubmenu a {
  font-weight: bold;
  padding: 0;
  background: 0;
}
#submenu li.ontopofsubmenu a:hover {
  background: 0;
}



#footer {
  position: absolute;
  width: 100%; height: auto;
  padding: 0 0 2em 0;
  text-align: center;
  text-transform: uppercase;
}
#footer ul {
  display: block;
  width: 100%;
  background: #f35d02 url(../images/bg_footer.gif) repeat-y top left;
  padding: 0.35em 0 0.25em 0;
  margin: 0;
  z-index: 99;
}
#footer ul li,
#quicklinks li {
  display: inline;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  margin: 0 2em 0 0;
}

#quicklinks li {
  display: block;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

#footer ul li a,
#quicklinks li a {
  display: inline;
  color: #ffffff;
}
#quicklinks li a {
  color: #f35d02;
}
#footer ul li a:hover, #footer ul li a:focus {
  color: #fcd6c0;
}
#footer ul form,
#quicklinks form {
  display: inline;
}
#quicklinks form label {
  display: block;
  float: left;
  width: 5em;
  color: #f35d02;
}
#footer ul form input.text,
#quicklinks form input.text {
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  padding: 0em 0.5em;
  width: 5em;
}
#quicklinks form input.text {
  width: 7.1em;
  margin: 0 0 0 0;
  color: #ffffff;
  background: #f35d02;
}
html* #footer ul #searchform input.text,
html* #quicklinks #searchform input.text {
  width: 10em;
}
#footer ul form input.submit,
#quicklinks form input.submit {
  border: 0;
  background: transparent;
  padding: 0;
  margin: -0.1em 0 0 0;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1em;
}

#footer ul #searchform input.text:focus,
#quicklinks #searchform input.text:focus {
  width: 10em;
}

#footer #sponsors {
  background: #ffffff url(../images/bg_sponsors.gif) repeat-x top left;
  padding: 2em 0 0 0;
}
#footer #sponsors a {
  margin: 0 5em 0 5em;
}


hr.breaker {
  visibility: hidden;
}





#textsizer {
  position: absolute;
  top: 14.4em; left: 79.2em;
  width: 30px; height: 14em;
  z-index: 99;
}
*html #textsizer {
  position: absolute;
}
.withsubmenu #textsizer {
  top: 32em; left: 5px;
}
#textsizer a {
  display: block;
  width: 30px;
  padding: 9px 0 9px 0;
  margin: 0 0 5px 0;
  background: #e8e8e8;
  color: #111111;
  font-size: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 12px;
}
#textsizer a:hover {
  background: #f35d02;
}

#printonly {
  display: none;
}