body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;
	text-align: center;
	
	font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 62.5%; 
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal; 
	color: rgb(68, 68, 68);
	/*background-color: #8A2807;	*/
}


#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top:  4em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:  0;
	padding-top:  0px;
/*  Background of the right side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.  */
	background-color: white;
	color:  #000000;
	position:  relative;
	top:  0;
	left:  0;
/* Replace width value with your choice of layout width. */
	width:  890px;
	text-align: left;
	
}

#bgwrapper {
	
	width: 940px;
	background-color: white;
	/*height: 2000px;*/
	text-align: center;
	margin:auto;
	bottom: 0;
	margin-top: 20px;
	border: 1px solid grey;
	
}

#contentarea {
 /* replace this value with the width of your right column */
 	margin-right:  200px;
	margin-left:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding:  0;
/* Replace width value with your choice of content area width. */
	width:  650px;
    font-size: 1.2em;
    line-height: 1.5em;	
    
}

#rightcolumn {
	position:  absolute;
	top:  0;
	right:  0;
	margin:  0;
	padding:  0;
/* Replace width with the width of your right column. */
	width:  200px;
	font-size: 1.1em; 
}

#header {

	top:  0px;
	margin-left:auto;
	margin-right:auto;
	width:  880px;
/* replace this value with the height of your header. */
	height:  200px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
	text-align: left;
	color: red;
}





h1, h2, h3, h4 { 
  font-family: 'Trebuchet MS',Verdana,Sans-Serif;
}

h1 {
  text-align: left;
  font-size: 2.2em;
  font-weight: normal;
  letter-spacing: -1px;
  padding: 0px 0px 10px 0px;
}

h2 {
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: -1px;
  padding: 10px 0px 5px 0px;
}

h3 {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;  
}

h4 {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;  
  text-decoration: underline;
}

ul.sidebar { 
	text-decoration: underline;
	font-size: 1.1em;
	list-style: none;
	margin-left: 5px;
	margin-top: -15px;
	line-height: 1.5;
	padding: 0px;
	
}

ul.menu { 
	margin-top: 180px;
	margin-left: 0px;  
	padding: 0pt; 
	position: relative; 
	bottom: 0pt; 
	width: 100%; 
}

ul.menu li { 
	margin: 0pt; 
	display: inline;
}

ul.menu, ul.menu li a { 
	padding: 5px 15px 6px; 
}

ul.menu li a { 
	margin: 0pt; 
	font-size: 1em; 
	color: white; 	
}

ul.menu li a {
  /* Backgolor of the Link */
  background: rgb(16, 52, 112) none repeat;
  /* Color of the Linktext */
  color: rgb(255, 255, 255) ! important; 
  text-decoration: none; 
}

ul.menu li a:hover { 
  /* Backgroundcolor of the Linktext when hovering */
  background: rgb(255, 255, 255) none repeat;  
  /* Color of the Linktext when hovering */
  color: rgb(0, 0, 0) ! important; 
  text-decoration: none; 
}

ul.menu li.current_menu_item a, ul.menu li.current_menu_item a:hover { 
  /* Backgroundcolor of the Linktext when selected */
  background: rgb(255, 255, 255) none repeat; 
  /* Color of the Linktext when selected */
  color: rgb(0, 0, 0) ! important; 
  text-decoration: none;
}

ul {
	


}


.small-text { 
  font-size: 0.8em; 
  display: block; 
  margin-top: 1px;
  color: rgb(187, 187, 187); 

}

#imprint {
	margin-bottom: 10px;
	
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-color: #eee;
	color: red;
}

#infotext {
	
	margin-left:auto;
	margin-right:auto;
	
	width:  880px;
/* replace this value with the height of your header. */
	z-index:2;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	font-size: 1.2em;
	color:  #000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	
	text-align: left;
	padding-top: 0.5em;
	
}

#headertext {
	
	padding-left:40px;
	margin-right:auto;
	font-size: 1.9em;
	color: black;
	text-align: left;
	padding-top: 1.2em;
	color: #9B2114;
	
}

#headertext_small {
	
	padding-left:40px;
	margin-right:auto;
	font-size: 1.2em;
	color: black;
	text-align: left;
	padding-top: 0.4em;
	
}