/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/**********************************************************************************************
 * RESET ENDE, Hier beginnen die Styles
 **********************************************************************************************/

body{
  background-color:#ffbf2C;
  margin-bottom:5em;
}

 #menu{
  margin-top:200px;
  width:200px;
  float:left;
} #menu{
  margin-top:120px;
  width:200px;
  float:left;
}
 #menu ul{
  margin-left:2em;
}
 #menu li {
  margin-top:1ex;
}
 #menu li a {
  padding-top:0.5ex;
  padding-bottom:0.5ex;
  width:12em;
  display:block;
  border-bottom: 1px solid #669999;
  text-align:center;
  text-decoration:none;
  color:black;
}
 #menu li a:hover{
  border-bottom: 1px solid #cccc00;
}
 #menu li li a{
  width:10em;
}

 #wrapper{
  min-width:800px;
  max-width:1000px;
  margin-left:200px;
}
 #banner{
  text-align:center;
  width:1000px;
}
 #content{
  width:1000px;
  padding:5px;
} 
 .center {
  text-align:center;
}
 #content ul{
  list-style:circle inside;
}

h1,h2,h3,h4{
text-decoration:underline;
margin:5px;
}

h2,h3,h4{
margin-left:30px;
margin-top:2ex;
margin-bottom:.5ex;
}

h1 {
text-align:center;
font-size: x-large;
}

h2 {
font-weight: bold;
font-size: large;
}

h3 {
font-size: large;
}

h4 {
font-weight: bold;
font-size: medium;
}
p+p {
  margin-top:1ex;
}