html { 
  padding:0px;
  margin:0px;
}

body {
  background: url(../images/bg_body.jpg) repeat-x left top;
  background-color: #fff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#7F7F7F;  
  text-align:center;
  margin:0px;
  padding:0px;
}

table {
  font-size: 12px;
}

a {
	color: #FF7C00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#wrapper {
width:800px;
margin: 0px auto;
padding:0px;
text-align:left;
background-color:#fff;
}

#head {
background-color:#fff;
height: 135px;
}
#logo {
 margin: 36px 0 0 25px;
 float: left;
}

#logo img {
	border: 0;
}

#meta {
 margin: 25px 16px 0 0;
 float: right;
 text-align: right;
 font-size: 11px;
 color: #000;
}

#meta  a {
 color: #000;
 text-decoration: none;
}
#meta  a:hover {
 color: #FF8000;
 text-decoration: underline;
}
#metamenu {
 float: left;
}
#langmenu {
 float: left;
 margin-left: 5px;
}
#sitesearch {
 clear: left;
 margin: 70px 0 0 0;
 color: #7F7F7F;
}


#visual {
margin: 0 16px 0 16px;
width:768px;
height:250px;
background-color:transparent;
}

#menu {
margin: 9px 16px 0 16px;
padding: 0;
width:768px;
height:48px;
background: url(../images/bg_mainmenu.gif) no-repeat left top;
}
#breadcrumb {
margin: 20px 0 20px 32px;
background-color:transparent;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
#breadcrumb  a {
 color: #000;
 text-decoration: none;
}
#breadcrumb  a:hover {
 color: #FF8000;
 text-decoration: underline;
}
#content {
width:490px;
margin-left: 16px;
margin-right: 14px;
padding:0px;
float:left;
background-color:#fff;
overflow: none;
}

#content img {
 border: 1px solid #ccc;
 margin: 2px;
 padding: 1px;
}

#right {
width:264px;
margin-right: 16px;
padding:0px;
float:left;
background-color:#fff;
}



.boxinnerwrap {
 width: 255px;
}

.orangebox {
 width:264px;
 margin: 0;
 padding: 8px;
 background: url(../images/bg_orangebox.jpg) no-repeat left top;
}
.orangebox  h1 {
 margin: 8px 0 3px 0;
 font-size: 17px;
}

.orangebox a {
	color: #ddd;
	text-decoration: none;
}
.orangebox a:hover {
	text-decoration: underline;
}



.greybox  {
 width:264px;
 margin: 0;
 padding: 8px;
 background: url(../images/bg_greybox.jpg) no-repeat left top;
}
.greybox  h1 {
 margin: 8px 0 3px 0;
 font-size: 17px;
}

#footer {
width:768px;
height: 50px;
padding: 15px 0 0 0;
margin: 30px 16px 0 16px;
display: block;
background: url(../images/bg_footer.gif) no-repeat left top;
text-align: center;
color: #7F7F7F;
font-size: 10px;
}

.headline {
 width: 496px;
 height: 26px;
 margin: 0 0 9px 0;
 padding: 3px 0pt 0pt 15px;
 font-size: 15px;
 background: url(../images/bg_content_header2.jpg) no-repeat left top; 
}

p.bodytext {
 margin: 0 5px 0 15px;
 padding: 0;
}

/** cssflyout ** BEGIN **/

/* toplevelbuttons normal mit rand */
a.menuButton, a.menuButtonActive {
	float: left;
	padding: 0;  	
	margin: 0 0 0 17px;
	color: #6f6f6f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
	border: 0;
}
a.menuButton {
  color: #000;
  text-decoration: none;
}
a.menuButton:hover, a.menuButtonActive , a.menuButtonActive:hover {
  color: #FF8000;
}
/* class container für submenulayer */
.menu {
   background: url(../images/bg_submenu.gif) repeat-x left top;
   border: 1px solid #E3E3E3;
   padding: 0;
   position: absolute;
   text-align: left;
   visibility: hidden;
   left: 0px;
   top: 0px;
   z-index: 20;
}
/* submenubuttons (menuitems) */
a.menuItem { /* menuitem */
	margin: 0;
	width:180px;
	border-bottom: 1px solid #E3E3E3;
	color: #7F7F7F;
	display: block;
	padding: 4px 16px 4px 16px;
	text-decoration: none;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;  	
}
a.menuItemActive { /* menuitem f2 */
	margin: 0;
	width:180px;
	border-bottom: 1px solid #E3E3E3;	
	color: #7F7F7F;
	display: block;
	padding: 4px 16px 4px 16px;
	text-decoration: none;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;   
}
a.menuItem:hover {
  color: #FF8000;
}
a.menuItemInRl {  /* menuitem in rootline */
	margin: 0;
	width:180px;
	border-bottom: 1px solid #E3E3E3;	
	color: #7F7F7F;
	display: block;
	padding: 4px 16px 4px 16px;
	text-decoration: none;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;  	
}
a.menuItemInRlActive { /* menuitem f2 in rootline */
	margin: 0;
	width:180px;
	border-bottom: 1px solid #E3E3E3;	
	color: #7F7F7F;
	display: block;
	padding: 4px 16px 4px 16px;
	text-decoration: none;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;  	
}
a.menuItemInRl:hover {
  color: #FF8000;
}
/** cssflyout ** END **/

input.contactfield {
	width: 307px;
	height: 17px;
	padding: 2px;
    border: 0;
	font-size: 11px;
	background: url(../images/bground_inputfield.gif) no-repeat left top; 
	color: #46483C;	
}
textarea.contactarea {
	width: 307px;
	height: 155px;
	padding: 2px;
    border: 0;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;	
	font-size: 11px;
	background: url(../images/bground_textarea.gif) no-repeat left top; 
	color: #46483C;	
}