/* all font sizes & most other sizes changed to em */
/*/*/
/* stuff used everywhere */
/* bgcolor_1   :    #fff */
/* bgcolor_2   :    #fafafa */
/* fgcolor_1   :    #000 */
/* bgcolor_tu  :    #ccc */
/* bgcolor_nav :    #ddd */
/* color_brcr  :    #9dd */
/* orange_1    :    #c60 */
/* color_font1 :    #006 */
/* blue_2      :    #369 */
/* cyan_1      :    #cff */
/* width_1     :    760px */
/* font_1      :    13px */
/* font_2      :    11px */
/* font_home   :    14px */
/* font_h1     :    20px */
/* font_h2     :    18px */
/* font_h3     :    16px */
/* font_h4     :    14px */
/*/*/

body
  {
  min-width:42em;
  font-size:medium;
  font-weight:normal;
  margin:0px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  background:#ffdd44;
  }

h1,h2,h3,h4,h5
  {
  color:#000;
  font-weight:bold;
  margin-bottom:0.3em;
  margin-top:0.3em;
  }

h1
  {font-size:1.8em;}
h2
  {font-size:1.6em;}
h3
  {font-size:1.4em;}
h4
  {font-size:1.2em;}
h5
  {font-size:1.1em;}
h6
  {font-size:1.0em;}

a{
  color:#006;
  text-decoration:none;
 }

a:hover, a:focus{
  color:#c60;
  text-decoration:none;
  }

acronym, abbr
  {
   cursor: help;
   border-bottom-style: dotted;
   border-bottom-width: 1px;
   }

pre
  {
  font-family: Courier, monospace;
   }
.code
  {
  background-color:#eee;
  padding:0;
  margin:0;
  font-family: Courier, monospace;
  }

.remarkable
  {font-style:italic;}
.attention
  {
   border-left:0.3em solid red;
   padding-left: 0.4em;
  }
.warning
  {
   border-top:0.25em solid red;
   border-left:0.25em solid red;
   border-right:0.25em solid red;
   border-bottom:0.25em solid red;
   padding: 0.5em;
   font-weight:bold;
  }
.important
  {
   color:red;
  }
  .hide
  {
  display: none;
  }
img.resize {
  display: block;
  width:150px;
  margin-top:1em;
  margin-bottom:0.5em;
  /*
  margin-left:auto;
  margin-right:auto;
  */
  cursor: pointer;
  page-break-inside: avoid;
  }
img.thumb {
  display:inline;
  /*
  margin-left:auto;
  margin-right:auto;
  */
  height:1em; width:1em;
  border: 2px outset #006;
  vertical-align:text-bottom;
  cursor: pointer;
  page-break-inside: avoid;
  }
ul.explanation > li
  {
  padding-bottom: 0.9em;
  }
li.thisArrowList > a {
  color:#c60;
  }
/* #fafafa; */
#container
  {
  background:#ffffaa;
  }

/* Kopfbereich  */
#header
  {
  clear: both;
  padding: 0 0 0 0;
  }

/* head of page */
#head
  {
  position:relative;
  top:0;
  left:0;
  width:100%;
  min-width:48em;
  height:7.4em;
  line-height:0.7em;
  padding:0;
  margin:0;
  background:#ffffaa;
  font-size:1em;}

/* logo in head */
#home_logo
  {position:absolute;
  display:block;
  float:right;
  top:1.0em;
  left:1.0em;
  margin-right:30px;
  padding-right:30px;
  }
#home_logo img
  {width:100x;
  height:100px;
  border-style:none;
  }

/* logo in head */
#logo
  {position:absolute;
  display:block;
  float:right;
  top:1.0em;
  left:8.0em;
  margin-right:30px;
  padding-right:30px;
  }
#logo img
  {width:750px;
  height:100px;
  border-style:none;
  }

/* zweispaltiger Textbereich   */
/* unter Linke Seite Menü* */
#middle
  {
  font-size:small;
  border-top: solid 1px #8a8a8a ;
  border-bottom: solid 1px #8a8a8a;
  clear: both;
  padding: 0 0 0 0;
  background:#ffffaa;
  }
/* Linke Seite Menü */
#sidebar
  {
  float: left;
  width: 20.4%;
  min-width:8em;
  padding-left: 0.0em;
  padding-top: 0.5em;
  background:#ffffaa;
  }

#nav
  {
  padding: 0;
  border: 0px dotted;
  }

#main
  {
  margin-top:0px ;
  border-top: solid #fafafa 1px;
  border-bottom: solid #fafafa 1px;
  margin-left: 22%;
  padding-left: 1em;
  padding-right: 1em;
  background:#fafafa;
 }
 #mainNoLeft
  {
  margin-top:0em ;
  padding-left:1em ;
  padding-top:1em ;
  border-top: solid #fafafa 1px;
  border-bottom: solid #fafafa 1px;
  background:#fafafa;
 }

 #main a, #mainNoLeft a
 {
  color:#006;
  text-decoration:underline;
 }

#main a:hover, #main a:focus,
#mainNoLeft a:hover, #mainNoLeft a:focus, #main li.thisArrowList > a
{
  color:#c60;
  text-decoration:underline;
}
#main h1 a,#main h2 a,#main h3 a,#main h4 a,#main h5 a,#main h6 a,
#mainNoLeft h1 a,#mainNoLeft h2 a,#mainNoLeft h3 a,
#mainNoLeft h4 a,#mainNoLeft h5 a,#mainNoLeft h6 a
{
  color:#369;
  text-decoration:none;
}
#main h1 a:hover,#main h2 a:hover,#main h3 a:hover,
#main h4 a:hover,#main h5 a:hover,#main h6 a:hover,
#main h1 a:focus,#main h2 a:focus,#main h3 a:focus,
#main h4 a:focus,#main h5 a:focus,#main h6 a:focus,
#mainNoLeft h1 a:hover,#mainNoLeft h2 a:hover,#mainNoLeft h3 a:hover,
#mainNoLeft h4 a:hover,#mainNoLeft h5 a:hover,#mainNoLeft h6 a:hover,
#mainNoLeft h1 a:focus,#mainNoLeft h2 a:focus,#mainNoLeft h3 a:focus,
#mainNoLeft h4 a:focus,#mainNoLeft h5 a:focus,#mainNoLeft h6 a:focus
{
  text-decoration:none;
}

#footer
  {
  clear: both;
  padding: 0 0 0 0;
  border-bottom: solid #9dd 2px;
  font-size:0.8em;
  background:#9dd;
  text-decoration:none;
  }

