/*<![CDATA[*/
body  {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #e6e6e6;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	line-height: -2px;
}
.content   { color: #333; background-color: #fff; background-position: 0; margin-bottom: 20px; margin-left: -290px; padding: 12pt 10px; position: absolute; left: 50%; width: 580px; height: auto; border-style: solid; border-width: 0 5px; border-color: #EBEBEB}
/*]]>*/
form { margin: 0; padding: 0 }
#logo { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -2px; border-bottom: 1px solid #f6f }
#footer { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f2f2f2; text-align: center; margin-top: 10px; margin-bottom: 3px; padding: 3px; position: relative; top: 1px; width: inherit; border-style: solid; border-width: 1px 0; border-color: #ededed }
#footer a:link { color: #000 }
#footer a:visited { color: #000 }
#table ul { font-size: 80%; text-indent: -1em; list-style: square inside; margin-left: 1px; padding-left: 1.5em }
#pro { }
#pro_title { font-size: 145%; font-weight: 500; word-spacing: -3px; border-bottom: 1px solid #e600b8 }
#pro_img { background-color: #fafafa; margin: 5px 5px 1px 0; padding: 2px; border: solid 2px #ccc }
#pro_desc { }
#pro_opt { background-color: #f9f9f9; padding: 4px; border: outset 1px #f0d4d4 }
#pro_opt_small { font-size: 85% }
#pro_table { font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif }
#pro_container { padding: 1px 6px 6px; width: auto; height: 300 px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666 }
#pro_container #top  { font-size: 96%; background-image: url(pro_bg.gif); margin: 3px; padding-top: 0; padding-right: 5px; padding-left: 5px; border-bottom: 1px dashed #333; border-left: 1px solid #333 }
#pro_container #left { font-size: 100%; width: 25%; float: left }
#pro_container #mid { text-align: left; width: 50%; float: left }
#pro_container #right  { font-size: 83%; text-align: left; width: 20%; float: left }
#pro_container #spacer { height: 3px; clear: both }
#pro_container #divider { padding-right: 3px; padding-left: 4px; width: 4px; height: 250px; float: left; border-left: 1px dashed #666 }

#menu { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
#menu UL { text-align: center; list-style-type: none; margin: 0; padding: 0; clear: left; border-width: 0 }
#menu UL LI { font-family: Tahoma; text-align: center; display: block; margin: 0; padding: 0; float: left }
#menu UL LI A  { color: #c30; font-size: 75%; font-family: Tahoma; font-weight: normal; line-height: 2em; text-decoration: none; background: #fff 0 50%; display: block; margin: 0 0 10px; padding: 0; width: 85px; height: 2em; border: solid 1px #ccc; voice-family: inherit   }
#menu UL LI A:hover { color: #fff; font-family: Tahoma; font-weight: 600; background: #c03 }
#menu #eins A { background-color: #ffffff; border-bottom: 4px solid black; width: 50px; }
#menu #eins A:hover { background-color: red }
#menu #zwei A { background-color: #ffffff; border-bottom: 4px solid black }
#menu #zwei A:hover { background-color: red }
#menu #drei A { background-color: #ffffff; border-bottom: 4px solid black; width: 79px; }
#menu #drei A:hover { background-color: red }
#menu #vier A  { background-color: #ffffff; margin-left: 10px; width: 80px; border-bottom: 4px solid red }
#menu #vier A:hover { background-color: black }
#navbar { font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -1px }
#navbar A { color: #000; text-decoration: none; border-bottom: 1px solid #666 }
#navbar A:visited { color: #000; text-decoration: none; border-bottom: 1px solid #666 }
#navbar A:hover { text-decoration: none; border-bottom: 1px dashed #666 }
#spacer { clear: both }

#tabs {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

#tabs #header {
  float:left;
  width:100%;
  background:#DAE0D2 url("tabs/bg2.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  
  }
#tabs #header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabs #header li {
  float:left;
  background:url("tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabs #header a {
  float:left;
  display:block;
  background:url("tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs #header a {float:none;}
/* End IE5-Mac hack */
#tabs #header a:hover {
  color:#333;
  }
#tabs #header #current {
  background-image:url("tabs/left_on.gif");
  }
#tabs #header #current a {
  background-image:url("tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
#main_container   { padding: 10px; width: auto;  }
#main_container #mid  { text-align: left; margin-right: 3px; padding-right: 3px; padding-left: 6px; }
#main_container #mid #text { font-size: 93% }
#main_container #mid table { font-size: 93% }
#main_container #right   { font-size: 83%; background-color: #f7f7f7; background-image: url(main_bg.gif); text-align: left; width: 26%; float: left }
#main_container #spacer  { width: auto; height: 3px; clear: both }
#main_container #divider  { padding-right: 3px; padding-left: 3px; width: 2px; height: 450px; float: left; border-left: 1px dashed #666 }