body {
  margin:0;
  padding:0;
  background-color:#FFF9DD;
  font-family: Verdana, Arial, sans-serif;     /* wird Verdana nicht gefunden wird Arial probiert, weird das auch nicht gefunden, wird die standard-serifenlose schriftart genommen */
  font-size:0.7em;
}

#container {       /* das div um alles mittig auszurichten */
  margin: 0 auto 26px;  /* abstand nach oben: 26pixel; abstand zu den seiten: selbst bestimmen */
  width: 758px;    /* breite der weissen box (sollte unter 800 sein för leute mit dieser auflösung) */
  text-align: left;/* alles darunter bitte links ausrichten */
  border-color:#900;
  border-style:solid;
  border-width:0px 2px 2px 2px;
  background-color:white;
  position:relative;
}

#header {
  white-space:nowrap;
  border-bottom:3px solid #900;
  height:100px;
  padding-top:18px;
}

img { border:0px none transparent }

#header img.header_bilder {
  border:1px solid #900;
  border-style:solid solid none solid;
  margin-right:10px;

}
#header img.header_bilder#header_bilder_letztes {
  border-right-style:none;
  margin-right:0;
}

#menu_top {
  border:1px solid #900;
  border-style:none solid;
  background-color:#900;
}

#menu_top table {
  margin:0;
  margin-top:8px;
  margin-left:320px;
  table-layout:fixed;
}
#menu_top td {
  border-left:1px solid #DDD;
  width:111px;
  height:14px;
}
#menu_top td#menu_top_letztes {
 width:80px;
}

#menu_top td a {
  text-transform:uppercase;
  color:#DDD !important;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  display:block;
  margin-top:-4px;
  margin-left:6px;
  position:relative;
}
/* för den IE den menütext ein pixel weiter runter, da er den sonst abschneidet (Bug)  */
* html #menu_top td a { margin-top:-3px; }

#menu_orange_linie {
  height:2px;
  background:#F90;
  border-bottom:1px solid black;
  overflow:hidden;
}

#body {
  min-height:550px;
  background:white url(pix/bg.gif);
  background-repeat:repeat-y;
  position:relative;
}
* html #body {
  height:450px;
}
#body:after, #container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#body, #container {display:block;}



#menu_left {
  float:left;
  width:180px;
  height:100%;
  background-color:#F0F0F0;
  /*border-right:1px solid #E5E5E5;       */
  margin-right:7px;
}
#menu_left ul {
  margin:0;
  padding:0;
  padding-left:16px;
  margin-top:38px;
  list-style-type:none;
  list-style-image:url(pix/list_bullet.png);
}
#menu_left ul li {
 display:inline;
}

#menu_left ul li.menu_left_gap a {
  margin-top:43px;
}
#menu_left ul li a {
  font-size:10px;
  font-weight:bold;
  color:black;
  text-decoration:none;
  display:list-item;
  margin-top:2px;
  text-transform:uppercase;
  line-height:170%;
}
/* aktive bzw beröhrte menös */
#menu_left ul li a:hover, #menu_left ul li.menu_aktiviert a {
  list-style-image:url(pix/list_bullet_hover.png);
  color:#900;
}
#menu_left ul li ul li a {
  color:black !important;
}
#menu_left ul li ul li.untermenu_aktiviert a, #menu_left ul li ul li a:hover {
  color:#900 !important;
}
#menu_left ul li ul * {
  list-style-image:url() !important;
}

/* ausehen der untermenös */
#menu_left ul li ul {
 display:none;
 background-color:white;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin:  16px 0 16px -16px;
 padding: 0px  0  3px  16px;
 width:100%;
}
#menu_left ul li.menu_aktiviert ul {
 display:block;
}

#menu_left ul li ul li a {
 font-weight:normal;
}

#content {
  padding:36px 33px 1.5cm 39px;
  width:384px;
  height:100%;
  margin-left:191px;
  line-height:139%;
  font-size:12px;
}
* html #content {
  margin-left:188px;  /* extraabstand för den IE (drei pixel mehr nach links */
}
* html #content.iframeseite {
  margin-left:188px;  /* extraabstand för den IE (drei pixel mehr nach links */
}
#content.iframeseite {
 padding:0;
 padding-bottom:1.5cm;
 width:453px;
}
#content .vor_iframe {
  padding:36px 32px 0cm 39px;
  width:384px;
}
#content #kursangebot_login a {
  display:block;
  float:right;
  color:#CCC;
  font-weight:bold;
  text-decoration:none;
  padding-right:32px;
}

#right {
  text-align:right;
  float:right;
  width:113px;
  padding:27px 0 10px 0;
  margin-bottom:25px;
  margin-left:-20px;
  /*position:absolute;
  right:0px;
  top:0px; */
  background:url(pix/bg_rechts_weiss.png) repeat-x;
}

#right img {         /* die bilder in der rechten spalte */
  border:1px solid #333;
  border-right-style:none;
  margin-top:10px;
}
#right img.icon {    /* hellgrauer rand för das bild mit dem text */
  border-color:#CCC;
}


#footer {
	background-color:#990000;
	bottom:-2px;
	height:13px;
	left:0;
	padding:7px 5px 5px;
	position:absolute;
	width:750px;
}
#footer #footer_copyright {
  float:left;
  display:block;
  color:#997575;
  font-size:11px;
  font-weight:bold;
}
#footer #footer_link_top {
  float:right;
  display:block;
  text-transform:uppercase;
  color:#DDD !important;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  padding-right:2px;
}

iframe#iframe_inhalt {
 width:100%;
 height:600px;
 margin:0 0 0 1px;
 border-style:none;
}

h1 {
  font-size:1em;
  font-weight:bold;
}
h2 {
  font-weight:bold;
  padding:3px 36px;
  margin-top:22px;
  margin-left:-38px;
  margin-right:-32px;
  color:#900;
  font-size:1.0em;
  background-color:#F0F0F0;
  border-top:   1px solid #CCC;
  border-bottom:1px solid #CCC;
}

p {
 font-size:1.o em;
}

a:hover {
  color:#900;
}
a:hover ul li a {
  color:black;
}