/* ALLGEMEIN */
* {
  border:0;
  margin:0;
  padding:0;
  color:#202020;
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
}

.clear, .spacer {
  clear:both;
  font-size:0.01em;
  line-height:0.01em;
}

a, a:visited, a:hover, a:active {
  text-decoration:none;
}

p {padding-bottom: 7px}

ul {list-style:none}

/* ------------------ LAYOUT ------------------ */

html, body {
  background:url(bg.gif) top center repeat #E0E0E0;
  height: 100%;
}

#wrapper {
  width:950px;
  margin: 0 auto;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  overflow: visible;
  border-left: 1px solid #66A552;
  border-right: 1px solid #66A552;
  background:url(bg_content.png) repeat #FFF;
}

* html #wrapper { /* Für IE */
  height: 100%;
}

/* ------------------ TOP ------------------ */
#header {
  position:relative;
  height:35px;
  width:950px;
  color: #FFF;
}

#header_left {
  float: left;
  width: 200px;
}

#header_right {
  float: right;
  text-align: right;
  width: 725px;
  padding: 10px 25px 0 0;
}

#header_navigation ul li {
  list-style:none;
  display:inline;
  color: #FA8800;
  font-size: 10px;
}

#header_navigation ul li a {
  text-decoration: none;
  color: #FA8800;
  font-size: 10px;
}

#header_navigation ul li a:hover {
  text-decoration: underline;
}

/* ------------------ MIDDLE ------------------ */
#middle {
  width:950px;
  margin-bottom: 21px;
}

#location {
  margin: 13px 0 0 0;
}

.location_point a, .location_point span.rootline {
  font-size: 10px;
  color: #999;
}

#middle_left {
  float: left;
  width: 200px;
}

#left_header {
  height: 120px;
}

#left_header img {
  margin: 30px 0 0 0;
}

#middle_right {
  float: right;
  width: 700px;
  padding: 0 25px;
}

#content_header {
  height: 120px;
}

/* ------------------ CONTENT ------------------ */
#content {
  float: left;
  width: 495px;
  padding: 15px 0;
}

#content h1 {
  font-size: 16px;
  padding-bottom: 5px;
  color: #FA8800;
}

#content h2 {
  font-size: 14px;
  padding: 5px 0;
  color: #FA8800;
}

#content h3, #content .referenzprojekt h1 {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0;
  color: #202020;
}

#content p {
  line-height: 1.6;
}

#content a {
  color: #FA8800;
}

#content ul {
  list-style:disc;
  margin: 0 0 10px 25px;  
}

#content li {
  padding-bottom: 5px;
}

#content_right {
  float: right;
  width: 180px;
  padding-bottom: 15px;
  margin-top: -13px;
}

#content_right h1 {
  padding-bottom: 5px;
  color: #FA8800;
  text-align: center;
}

#content_right .projekte {
  padding: 10px 5px 0 5px;
  border: 1px solid #66A552;
}

#content_right .projekte h1 {
  color: #202020;
  text-align: left;
  font-size: 10px;
}

.projekte p {
  color: #202020;
  text-align: left;
  font-size: 10px;
  line-height: 1.3;
}

.projekte a {
  color: #FA8800;
  font-size: 10px;
}

.csc-frame-rulerAfter {
  border-top: 1px solid #66A552;
}

/* ------------------ NAVIGATION ------------------ */
#navigation {
  margin: 30px 0 0 ;
  border-top: 1px solid #66A552;
}

#navigation li {
  border-bottom: 1px solid #66A552;
  font-weight: bold;
}

#navigation li a {
  display: block;
  color:#000;
  padding: 10px;
}

#navigation li a:hover, #navigation li.aktiv {
  background-color: #9AC68C;
}

/* ------------------ SECOND NAVIGATION ------------------ */
#second_navigation {
  margin: 30px 0 0 ;
  border-top: 1px solid #66A552;
  background-color: #E7F2E4;
}

#second_navigation li {
  border-bottom: 1px solid #66A552;
  font-weight: bold;
}

#second_navigation li a {
  display: block;
  color:#000;
  padding: 10px;
}

#second_navigation li a:hover, #second_navigation li.aktiv {
  background-color: #9AC68C;
}

/* ------------------ FOOTER ------------------ */
#bottom {
  width:950px;
  margin: -21px auto 0 auto;
  background: #ccc;
}

#bottom_left {
  float: left;
  width: 200px;
  height: 20px;
  margin-left: -1px;
  background: #D3E6CE;
  border-left: 1px solid #66A552;
}

#bottom_right {
  float: right;
  height:17px;
  border-top: 1px solid #66A552;
  border-right: 1px solid #66A552;
  margin-right: -1px;
  width: 750px;
  background: #D3E6CE;
  padding: 3px 0 0 0;
}

#bottom_right p {
  padding: 0 25px;
  font-size: 10px;
  color: #999;
}

#bottom_right a {
  font-size: 10px;
  color: #999;
}

/* ------------------ MAINNAVIGATION ------------------ */


/* ------------------ BANNER HEADER 2-Spaltig ------------------ */

#content_header_left, #content_header_right {
height: 120px;
border: 1px solid #000;
}

#content_header_left {
float: left;
width: 495px;
}

#content_header_right {
float: right;
width: 180px;
}