.projectitem {
  cursor: pointer;
  margin-top: 10px;
}




html, body {
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  text-decoration: none;
  font-size: 100.1%;
}

a,
a:link,
a:active,
a:visited,
a:hover {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  text-decoration: none;
  color: #93B9DC;
  color: #909090;
}

a:hover {
  color: #909090;
  color: #F5811E;
  text-decoration: underline; 
}

#right a,
#right a:link,
#right a:active,
#right a:visited {
  color: #FFFFFF;
}

#right a:hover {
  color: #F5811E;
}

body {

  margin-left: 8px;
  background: transparent url(../img/ccmbg.gif) repeat-y;
  background-position: 8px 200px; 
}
 
#body {
  width: 100%;
  font-size: 11px;
}

#top {
  width: 1008px;
  height: 128px;

  display: block;
}

#servicenav {
  width: 460px;
  height: 80px;
  display: block;
  float: left;
/*  background-color: gray; */
}

#servicenav ul {
  display: block;
  width: 460px;
  padding: 0px;
  margin: 0px;
  text-align: right;
  top: 64px;
  position: absolute;
}

#servicenav ul li,
#servicenav ul li a {
  display: inline;
  height: 15px;
  list-style-type: none;
  padding-left: 5px;
}

#servicenavcontent {
  position: relative;
  top: 96px;
  left: 20px;
  padding-left: 15px;
}

#logo {
  display: block;
  height: 128px;
  width: 332px;
  position: relative;
  left: 0px;
  top: 10px;
  float: left;
/*''  background: transparent url(../img/verlauf_headerbalken.gif) repeat;*/
}

#zitrone,
#zitrone12 {
  display: block;
  position: relative;
  top: -4px;
  left: 28px;
}

#topmiddle {
  display: block;
  position: relative;
  float: left;
  width: 471px;
}

#subtitle {
  width: 471px;
  height: 48px;
  display: block;
  float: left;
  background: transparent url(../img/verlauf_headerbalken.gif) repeat;
}

#subtitle span {
  position: relative;
  top: 7px;
  display: block;
  width: 460px;
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  color: #9BB6C9;
  color: #F5811E;
}
 
#header {
  height: 80px;
  display: block;
  float: left;
/*  background: transparent url(../img/header.gif); */
}

#typo3 {
  display: block;
  width: 187px;
  height: 87px;
  float: left;
  position: relative;

  background-color: #FFFFFF;
}

#typo3 a {
  display: block;
  position: relative;
  top: 22px;
}
#referenzen {
  display: block;
  float: left;
  width: 187px;
  height: 121px;
  position: relative;
  padding-top: 10px;
/*  background: transparent url(../img/verlauf_referenzbereich.gif) repeat; */
  background-color: #67AF5B;
}

/**
 *
 * Middle
 *
 *
 */    

#middle {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
  position: relative;
  
  background: transparent url(../img/verlauf_hauptmenu.gif) repeat;
}

#search {
  float: left;
  display: block;
  height: 30px;
  width: 227px;
/*  background-color: #FEFCE7; */
  border-left: 22px solid #F5DE2E;
}

#searchbox {
  display: block;
  position: relative;
  top: 6px;
  left: 17px;
  height: 16px;
  width: 162px;
  border: 1px solid gray;
}

#searchbutton {
  display: block;
  position: relative;
  top: -15px;
  left: 187px;
}

#mainnav {
  display: block;
  margin-left: 49px;
  background: transparent url(../img/schatten_links_hauptmenu.gif) no-repeat scroll -49px bottom;
  float: left;
}

#mainnav ul {
  display: block;
  height: 30px;
  padding-left: 0px;
  margin: 0px;
  background: transparent url(../img/trennstrich_hauptmenu.gif) no-repeat scroll left bottom;
}

#mainnav li {
  float: left;
  display: block;
  background: transparent url(../img/trennstrich_hauptmenu.gif) no-repeat scroll right bottom;
  width: 90px;
}

#mainnav li.first {
  width: 116px;
}

#mainnav li span {
  display: block;
  width: 89px;
}

#mainnav li.first span {
  width: 116px;
}

#mainnav li a,
#mainnav li a:link,
#mainnav li a:active,
#mainnav li a:visited,
#mainnav li a:hover {
  display: block;
  line-height: 30px;
  font-size: 1em;
  font-weight: bold;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  line-height: 30px;
  text-decoration: none;
  padding-left: 12px;
  padding-right: 12px;
  color: #9BB6C9;
  color: #333333;
  text-align: center;
}

#mainnav li.active a,
#mainnav li a:hover {
/*  background-color: #F5EC61; */
  background: transparent url(../img/verlauf_hauptmenu_act.gif) repeat 0px bottom;
}

#mainnav li a:hover {
  text-decoration: underline;
  color: #F5811E;
}


/**
 *
 *
 * Bottom
 *
 */    
 
#bottom {
  width: 998px;

  display: block;
  clear: both;
  position: relative;
  
}

#left {
  width: 249px;
  float: left;
  background: transparent url(../img/verlauf_submenu.gif);
  display: block;
}


ul#subnav,
ul#subnav ul {
  background-color: #F5DE2E;
  padding-left: 24px;
  margin: 0px;
}

ul#subnav ul {
  padding-left: 0px;
}



ul#subnav li {
  list-style: none;
  width: 224px;
  background-color: #FEFCE7;
}

ul#subnav a,
ul#subnav a:link,
ul#subnav a:active,
ul#subnav a:visited,
ul#subnav a:hover {
  text-decoration: none;
  display: block;
  width: 209px;
  height: 29px;
  line-height: 29px;
  color: #9BB6C9;
  color: #333333;
  background: transparent url(../img/submenu-bg.gif) repeat-x;
}


ul#subnav a.act,
ul#subnav a:link.act,
ul#subnav a:active.act,
ul#subnav a:visited.act,
ul#subnav a:hover.act {
  background-image: none;
}

ul#subnav ul a,
ul#subnav ul a:link,
ul#subnav ul a:active,
ul#subnav ul a:visited,
ul#subnav ul a:hover {
  padding-left: 10px;
  width: 199px;
  height: 22px;
  line-height: 22px;
  background: transparent url(../img/subsubmenu-bg.gif) repeat-x;
}


ul#subnav a:hover {
  text-decoration: underline;
  color: #909090;
  color: #F5811E;
}

#news {
  display: block;
  clear: both;
  position: relative;
  width: 195px;
  margin-left: 19px;
  margin-top: 15px;
}
 
#news h3 {
  font-size: 18px;
  color: #9BB6C9;
  color: #67AF5B;
}

#news div {
  color: #9BB6C9;
  color: #67AF5B;
}

.user-news-pi1-date,
.user-news-pi1-title {
  font-weight: bold;
}
.user-news-pi1-date {
  padding-top: 2px;
}

.user-news-pi1-listrow {
  border-top: 1px solid #9BB6C9; 
  border-bottom: 1px solid #9BB6C9;
  border-top: 1px solid #67AF5B; 
  border-bottom: 1px solid #67AF5B; 
}

.user-news-pi1-morelink {
  text-align: right;
}

.user-news-pi1-archivelink {
  text-align: left;
  font-size: 1em;
  padding-top: 5px;
}

.news-list-item,
.news-single-item,
.news-list-date {
  border: none;
  background: transparent none;
  margin: none;
  padding: none;
/*  color: #9BB6C9;
  color: #67AF5B; */ 
}

.news-list-date {
  font-size: 0.9em;
}

.news-list-morelink, .news-list-category {
  font-size: 1em;
}

.news-list-item h3,
.news-single-item h2 {
  color: #9BB6C9;
  color: #67AF5B; 
}

.news-single-timedata, .news-single-author, .news-single-imgcaption {
  font-size: 0.9em;
}

.news-list-container,
.news-list-container h3 {
  border: none;
  background: none;
}

.news-list-container h3 a:link, .news-list-container h3 a:visited, .news-list-container h3 a:hover {
  color: #9BB6C9; 
  color: #909090;
}

.news-list-container h3 a:hover {
  text-decoration: underline;
  color: #F5811E;
}

#middlecontent {
  width: 554px;
  display: block;
  float: left;
  background: transparent url(../img/schatten_content.jpg) no-repeat 0px 0px;
  color: #93B9DC;
  color: #9BB6C9;
  color: #333333;
}

#breadcrumb {
  display: block;
  width: 485px;
  margin-left: 48px;
  margin-top: 44px;
  text-align: right;
}

#middlecontent h1 {
  display: block;
  width: 485px;
/*  margin-left: 48px; */
}

#content {
  display: block;
  width: 485px;
  margin-left: 48px;
}


/**
 *
 *
 * RIGHT
 *
 */    

#right {
  display: block;
  width: 187px;
  float: left;
}

#servicebuttons {
  display: block;
  height: 10px;
}

#mailbutton {
  display: block;
  position: relative;
  top: 33px;
  left: 47px;
  width: 15px;
  height: 14px;
}

#druckbutton {
  display: block;
  position: relative;
  top: 19px;
  left: 136px;  
  width: 15px;
  height: 14px;
}

#contactpicture {
  display: block;
  width: 120px;
  margin-left: 49px;
  color: #FFFFFF;
}

#contactpicture img {
  border: 2px solid #FFFFFF;
}

#spbettercontact,
#right {
  color: #FFFFFF;
}

#spbettercontact h2,
#right h2 {
  display: block;
  color: #9BB6C9;
  color: #333333;
  background-color: #F5DE2E;
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

#spbettercontact p,
#right p {
  margin-left: 10px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

#spbettercontact input,
#spbettercontact textarea {
  width: 167px;
  border: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #909090;
}

#spbettercontact .button {
  width: 101px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 10px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
}

#typo3support {
  margin-left: 19px;
  margin-top: 19px;
}

div#referenzen a {
  position: absolute;
}

DIV.fcespecialbox {
  background: transparent url(../img/verlauf_submenu.gif) repeat scroll 0% 0%;
  border: 1px solid whitesmoke;
  width: 40%;
  margin-top: 20px;
}

DIV.fcespecialbox h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 25px;
  text-decoration: underline;
}
.news-list-item {
height:26%;
line-height:1.3;
margin-bottom:74px;
padding:0px;
margin:3px;
}
.tx-ttnews-browsebox, .browseBoxWrap {
background-color:#FFFFFF;
border:none;
margin:3px;
padding:3px;
}