body {
 margin: 0;
 padding: 0;
 background: url(../images/background.jpg) #FFF repeat-x;
 font: 12px Arial, sans-serif;
 color: #333;
}

h1 {
 font-size: 14px;
 font-weight: bold;
}
h2 {
 margin-top: 0px;
}

#wrapper {
 background: #ffffff;
 margin: 40px auto 0 auto;
 padding: 0 0 0 0;
 width: 900px;
}

#footer {
 text-align: center;
 margin: 10px auto 10px auto;
}

#terminator {
 /* background: url(../images/headerseparator.gif) repeat-x; */
 background: url(../images/headerseparatorbar.gif);
 height: 15px;
 margin: 0 0 0 0;
 border: 0;
}
#header {
 height:200px;
 position:relative; /* needed for the top-right picture */
 /* border-bottom: 1px solid #EAF0F9; */
}
#header .left {
  float:left;
  padding: 20px 0px;
}

#main {
 margin:0; padding:0;
 clear:both;
}

#navigation {
 width:240px;
 background: url(../images/navigationbackground.gif) #FFF repeat-x;
 float: left;
 line-height: 20px;
 padding-top:20px;
 
}
#navigation ul{
  position: relative;
  left: 20px;
  list-style-type:none;
  padding: 0px; /* align bullet list to left in firefox */
  margin: 0px; /* align bullet list to left in IE */
}
#navigation .level1 {
  padding-bottom: 20px;
}
#navigation .level2 {
  left: 10px;
}

#content {
  border-left: 1px solid #EAF0F9; /* content separator */
  padding-top:20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 240px;
  line-height:20px;
  margin-bottom: 10px;
  position:relative;
  z-index:2000;
}
#headervisual {
 position: absolute;
 right: 1px;
 top: 1px;
 z-index:1000;
}

/* CSS Hacks begin */
* html #content {height:1%;} /* combat IE's 3 pixel jog: when text is floatet, IE makes 3 pixel to the left of the floating text which is around the object; rest of the floating text is in line */
* html #content {left:-3px;} /* another IE 3 pixel bug: whole content div was 3 pixels too much to the left */   
/* CSS Hacks end */


/* debugging begin */
/*
#content, #navigation {
  border: 1px solid #000;
}
#navigation ul{
  border: 1px solid #f00;
}
*/
/* debugging end */

/* font */
h2 {
 color: #FFB166;
 font-size: 24px;
 font-weight: bold;
 margin-bottom:0px;
}

#content hr {
 height: 1px;
 color:#FFB166;
 border: 1px solid #FFB166;
 border-bottom:none;
}

#navigation, #navigation a, #navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover{
 color: #FFB166;
 font-weight:bold; 
 font-size: 14px;
 text-decoration: none;
}
#navigation a:hover {
 text-decoration: underline;
}
#navigation .selected {
  font-weight: bold;
}
#footer, #footer a, #footer a:visited, #footer a:hover, #footer a:link, #footer a.active {
 font-size: 10px;
 color: #CCC; 
 margin-top:30px;
 text-decoration: none;
}

#content-akupunktur li {padding-bottom:10px}