/* ------------hintergrund------------- */
body  { 
  color: #282828; 
  font: normal 83%/145% Verdana, Arial, Helvetica, sans-serif;
  background-color: #e4e5e6; 
  margin: 0px auto; 
  padding: 0;
  text-align: center; 
  }

/* ------------Weißflaeche------------- */
#rahmen   { 
  background:  url("../images/hintergrund/bg.gif") repeat-y left top; 
  margin: 0px auto; 
  padding: 0; 
  width: 780px; 
  text-align: left;
  }

/* ---Top_der_Seite_Navigation--------- */
#top   { 
  background: #fafafa url("../images/hintergrund/header.gif") no-repeat left top; 
  margin: 0; 
  padding: 0; 
  width: 780px; 
  height: 42px 
  }
#metanav {
  padding-left: 1.7em; 
  margin: 25px 0 0 0;
  float: left; 
  color: #b5b5b5;
  position: relative;
  }
#metanav a { 
  text-decoration: none; 
  color: #202020;
}
#metanav a:visited {
  color: #202020;
  }
#metanav a:hover {
  color: #ef5a5a;
  }
#metanav a:active {
  color: #ef5a5a;
  }
#metanav ul { 
  display: inline; 
  padding: 0; 
  margin: 0; 
  }
#metanav li { 
  list-style-type: none; 
  display: inline; 
  font-size: 0.75em; 
  padding: 0 0.6em;
  }
#metanav li.trenner { 
  border-right: 1px solid #a5a5a5; 
  }

/* -------Logo_Hauptnavigation--------- */
#logo  {
  padding: 0;
  text-align:right;
  margin: 0px 27px 0px 0px;
  }
#navcontainer  {
  margin: 10px 15px 0px 27px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  width: 726px;
  height: 20px;
  border-bottom: 2px solid #ffffff;
  background: #eeeeee;
  text-align: left;
  }
#navcontainer ul  {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 726px;
  border: none;
  background: #eeeeee;
  line-height: 0.9em;
  }
#navcontainer li  {
  display: block;
  margin: 0;
  padding: 0;
  background: #eeeeee;
  float: left;
  width: auto;
  }
#navcontainer a  {
  color: #555555;
  display: block;
  width: auto;
  height: auto;
  text-decoration: none;
  font-size: 0.9em;
  background: #eeeeee;
  margin: 0;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #eee;
  border-right: 3px solid #eee;
  }
#navcontainer a:hover, #navcontainer a:active { 
  background: #ccc; 
  }
#navcontainer a.active:link, #navcontainer a.active:visited  {
  position: relative;
  z-index: 102;
  background: #eee;
  font-weight:bold;
  color: #ef5a5a;
  }

/* ------------Headerbild-------------- */
#hbindex  {
  background-image: url("../images/header/header_schach.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbvertrieb  {
  background-image: url("../images/header/header_vertrieb.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbmarketing  {
  background-image: url("../images/header/header_marketing.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hborganisation  {
  background-image: url("../images/header/header_organisation.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hborganisation1  {
  background-image: url("../images/header/header_organisation1.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbpersonal  {
  background-image: url("../images/header/header_personal.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfinanzen  {
  background-image: url("../images/header/header_finanzen.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfin2  {
  background-image: url("../images/header/header_finanzen1.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfin3  {
  background-image: url("../images/header/header_finanzen2.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfin4  {
  background-image: url("../images/header/header_finanzen3.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfin5  {
  background-image: url("../images/header/header_finanzen4.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }
#hbfacman  {
  background-image: url("../images/header/header_facman.jpg");
  margin: 0 27px;
  width: 726px;
  height: 131px;
  border-bottom: 2px solid #ffffff;
  }

/* --------------Korpus---------------- */
#container  {
  width:  726px;
  margin: 0 27px;
  }
#left  {
  float: left;
  width: 112px;
  padding: 0;
  border-right: 2px solid #ffffff;
  }
#left ul  { 
  list-style: none;
  border none;
  }
#left li  {
  display: block;
  border-bottom: 1px solid #555555;
  padding: 5px 0 5px 0px;
  }  
#left a  {
  color: #555555;
  display: block;
  margin: 0;
  padding-left: 5px;
  line-height: 1.3em;
  text-decoration: none;
  font-size: 0.75em;
  width: auto;
  height: auto;
  background: #ffffff;
  }
#left a:hover, #left a:active { 
  background: #ffffff;
  font-weight:bold; 
  }
#left a.active:link, #left a.active:visited  {
  position: relative;0
  background: #ffffff;
  font-weight:bold;
  color: #555555;
  }
#content  {
  font-size: 0.85em;
  width: 498px;
  margin: 0px 83px 0px 114px;
  padding: 4px 0px 10px 30px;
  background-color: #eeeeee;
  }
.scroll {
 scrollbar-face-color: #cccccc;
 scrollbar-base-color: #eeeeee;
 scrollbar-arrow-color: #888888;
 scrollbar-shadow-color: #888888;
 scrollbar-darkshadow-color: #eeeeee;
 scrollbar-track-color: #eeeeee;
 scrollbar-highlight-color: #ffffff;
}
.text {
  width: 468px;
}
#photo  {
  display: block;
  width: 120px;
  height: 73px;
  float: left;
  padding: 0;
  margin: 6px 20px 4px 0;  
  }
#phototext  {
  display: block;
  width: 220px;
  height: 73px;
  float: right;
  margin: 0 100px 10px 0;
  padding: 0;
  }
#bild1  {
  display: block;
  width: 90px;
  height: 160px;
  float: left;
  padding: 0;
  margin: 4px 10px 4px 0;  
  }
#bild1text  {
  display: block;
  width: 250px;
  height: 160px;
  float: right;
  margin: 0 100px 10px 0;
  padding: 0;
  }

/* --------------Fußzeile-------------- */
#footer   { 
  font-size: 0.75em; 
  height: 55px; 
  background-image: url("../images/hintergrund/footer.gif"); 
  background-repeat: no-repeat; 
  background-position: 0 top; 
  margin: 0; 
  padding: 0px 15px 4px 161px; 
  clear: both; 
  text-align: left; 
  }

/* ----------Textformatierung---------- */
 h2	 {
   font-size: 1.2em;
   margin: 1.5em 0 0.8em;
 }
 h3	 {
   font-size: 1.1em;
   color: #ff5555;
   margin: 1.1em 0 0.5em;
 }
 h4	 {
   font-size: 1.0em;
   margin: 1.1em 0 0.7em;
 }
 p {
   margin: 0.6em 0 1.1em;
 }
 a {
   margin: 0.6em 0 1.1em;
   color: #282828;
 }
 ul, li  { 
   list-style: none;
   margin: 0px; 
   padding: 0px;
 }
 img {
   border: 0px;
 }

/* --------------Formulare------------------ */
#formular p {
margin-left: 0;
}
.form1 {
display: block;
height: 1.25em;
width: 200px;
margin: 8px 1px 4px 0px;
font-size: 100%;	
}
.form2 {
color: #333;
font-size: 0.9em;
width: 250px;
border-top: 1px none #ef5a5a;
border-right: 1px none #ef5a5a;
border-bottom: 1px solid #ef5a5a;
border-left: 1px solid #ef5a5a;
margin: 0 0 0 0px;
padding: 5px;
}
.form3 {
width: 130px;
border-top: 1px none #ef5a5a;
border-right: 1px none #ef5a5a;
border-bottom: 1px solid #ef5a5a;
border-left: 1px solid #ef5a5a;
margin: 0 0 0 10px;
padding: 2px;
}
.form4 {
border: 1px solid #ef5a5a;
height: 80px;
width: 400px;
padding: 5px;
margin-left: 0px;
}
.checkbox {
font-size: 100%;
padding: 5px;
margin-left: 10px;
}
.checkbox span {
padding-left:5px;
vertical-align: middle;
}
.checkb {
vertical-align: middle;
}
textarea {
color : #333;
background: #fff; 
}
.sendbutton {
margin: 8px 0 0 0px;
background: #efefef;
border-style: solid;
border-width: 1px;
border-color: #ccc #aaa #999 #ccc;
}
















