/* CSS Document */

body
{
  height:100%;
  background-image: url(../images/background_neu.jpg);
  background-repeat:repeat;
  background-position: 0px 0px;
  margin:0px;
  padding:0px;
}

#middle
{
  height:100%;
  background-color:#464646;
  width:955px;
  margin:0px auto;
  padding:0px;
  overflow:hidden;  
}

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

#head
{
   height:100%;
   text-align:center;
   width:955px;
   background-image: url(../images/head.jpg);
  background-repeat:no-repeat;
  background-position: 0px 0px;
   margin:0px auto;
  padding-left:25px;
}

.logo
{
   padding-top:5px;
   margin-left:65px;  
   float:left;
}

#metanavi
{
  float:right;
   color: #FFFFFF;
  font-size: 60%;
  font-weight: normal;
  text-decoration: none;
  margin-right:125px;  
}

.home
{
   padding:30px;
   border-right: 1px solid #747474;
}

.kontakt
{
   padding:30px;
   border-right: 1px solid #747474;   
}

.sitemap
{
   padding:30px;
   border-right: 1px solid #747474;
}

.impressum
{
   padding:30px;
  border-right: 1px solid #747474;
}

#menu_1
{
  color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-image: url(../images/nav.jpg);
  background-repeat:no-repeat;
  background-position: 0px 3px;
  width:900px;
  height:58px;
  margin:0px;
  padding:0px;  
  text-align:center;  
  clear:both;  
}

#menu_1 ul
{
  list-style: none;
  margin:0px;
  padding:0px;

}

#menu_1 li {
  float: left;
  margin:0px;
  padding-left:0px;
}

#menu_1 a
{
  display:block;
  margin:0px;
  padding-left:16px;
  padding-top:15px;
  width: 110px;
  line-height: 18px;
}

#menu_2 ul
{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-weight:normal;
  font-size:70%;
  line-height:12px;
  background-image: url(../images/menu2-middle.jpg);
  background-repeat:  repeat-y;
  text-align: right;
  padding-left:50px;
  margin-top: 0px;
}

.top-menu2
{
    background-image: url(../images/menu2-top.jpg);
    width: 171px;
    height: 15px;
}

.bottom-menu2
{
    background-image: url(../images/menu2-bottom.jpg);
    width: 171px;
    height: 15px;
}

#menu_2 ul
{
  list-style: none;
  margin:0px;
  padding:0px;
  text-align: right;

}

#menu_2 li {
  text-align: right;
  margin:0px;
  padding-left:0px;
}

#menu_2 a
{
  display:block;
  margin:0px;
  padding-right:0px;
  padding-top:7px;
  padding-bottom:7px;
  width: 145px;
  line-height: 12px;
  text-align: right;
  color:#666666;
  text-decoration:none;
}

.menu1-level1-act a
{
  font-family: Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;  
  font-weight: normal;
}

.menu1-level1-no a
{
  font-family: Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;  
  font-weight: normal;
}

.menu1-level1-no a:hover
{
  font-family: Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;  
  font-weight: normal;  
}

.menu1-level2-no a
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 70%;
  text-decoration: none;  
  font-weight: normal;
  text-align:right;
}
.menu1-level2-no a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  font-size: 70%;
  text-decoration: none;  
  font-weight: normal;
         text-align:right;
}
.menu1-level2-act a
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 70%;
  text-decoration: none;  
  font-weight: normal;
         text-align:right;
}
.menu1-level2-act a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  font-size: 70%;
  text-decoration: none;  
  font-weight: normal;
         text-align:right;
}

#inhalt
{
  height:100%;
  width:900px;
  background-color:#FFFFFF;
  background-image: url(../images/ct_abschluss.jpg);
  background-repeat:no-repeat;
  background-position: bottom;
  padding-bottom:20px;
  margin:0px;
  text-align:left;
  float:left;
}

.top {
  width:580px;
  margin-top:0px;
  margin-left:250px;
  padding-bottom:10px;
}

.w3c {
  float:right;
  width:160px;
  margin:0px;
}

/* Der Breadcrum */

div#breadcrum {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
font-size:70%;
width:486px;
float:left;
padding-left:5px;
margin-top:10px;
margin-bottom:15px;
}

div#breadcrum a {
color:#666666;
text-decoration:underline;
}

h1
{
  font-family: Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
  color:#007DA7;
  font-weight:normal;
  font-size:150%;
  line-height:130%;
  border:0px;
}

.bodytext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-weight:normal;
  font-size:70%;
  line-height:130%;
}

.bodytext a
{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: underline;
  font-weight: normal;
}
.bodytext a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  text-decoration: underline;
  font-weight: normal;
}

.contentLeft
{
  width:171px;
  margin:0px;
  padding:0px;
  float:left;
  clear:both;
  margin-left:60px;
}

.contentRight
{
  width:630px;
  margin-top:0px;
  padding:0px;
  float:left;
}


.content
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-weight:normal;
  margin-left:20px;
  margin-top:0px;
  width:386px;
  padding:0px;
  float:left;
}

.content img
{
  margin-right: 10px;
}

.content a
{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: underline;
  font-weight: normal;
}
.content a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  text-decoration: underline;
  font-weight: normal;
}

.content li
{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  font-size:70%;
  font-weight: normal;
}
.rechts
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-weight:normal;
  font-size:70%;
  line-height:14px;
  width:171px;
  margin-top:0px;
  margin-left:20px;
  padding:0px;
  float:left;
}

.rechts a
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: none;
  font-weight: normal;

  
}
.rechts a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  text-decoration: none;
  font-weight: normal;
}
.links .csc-default {
  clear:both;
  float:left;
}
.links
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-weight:normal;
  font-size:70%;
  line-height:14px;
  
}
.links a
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: none;
  font-weight: normal;

  
}
.links a:hover {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  text-decoration: none;
  font-weight: normal;
}

.footer {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  font-size:60%;
  text-align:center;
  padding:5px;
  clear:both;
  float:none;
}

.footer a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: underline;
}

.csc-textpic-image
{
  margin:0px;
  padding:0px;
}

.csc-sitemap {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  font-weight: normal;
}

.csc-sitemap ul li {
  font-size:80%;
}


/* Suche */

.tx-macinasearchbox-pi1 {
  background-image: url(../images/hg_suche.jpg);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:171px;
  height:146px;
  margin-top:15px;
}

.tx-macinasearchbox-pi1 h3 {
  color:#666666;
  padding-left:10px;
  padding-top:8px;
  font-size:100%;
  margin:0px;
  padding-bottom:0px;
}

  


/* Formulare layouten */
label.left {
float: left;
text-align: left;
width: 5em;
margin-right: .3em;
border:0;
}

input[type=text], select {
float: left;
}

input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 6.3em;
}

form br {
clear: both;
border:0;
}

.csc-mailform {
border: none;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
}

.csc-mailform-field label {
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
clear:both;
display:block;
width:100px;
margin-bottom:10px;
color:#666666;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
float:left;
display:block;
border: 1px solid #CCCCCC;
background:#FFFFFF;
padding:2px;
margin-bottom:12px;
color:#666666;
}

.csc-mailform-submit {
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
margin-left:100px;
color:#666666;
}

.csc-textpic-imagewrap {
margin-left:25px;
margin-bottom:5px;
}

.csc-frame-frame1 {
border:2px solid #E6B533;
padding:3px;
width:660px;
}

.csc-frame-frame2{
border:2px solid #E6B533;
padding:3px;
width:660px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
  clear:both;

}
.news-latest-container HR.clearer {
  clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container {
  margin-top: 15px;
}

.news-latest {
  background-image: url(../images/menu2-middle.jpg);
  background-repeat:  repeat-y;
  width:171px;
  color:#666666;
  padding-left:10px;
  padding-right:10px;
}

.news-latest-datum {
  font-size:80%;
  float:right;
  color:#999999;
  padding-right:20px;
  padding-top:5px;
}

.news-latest h2 {
  font-size:100%;
  color:#666666;
  padding-top:3px;
}
.news-latest-subheader {
width:152px;
}

.news-latest-subheader .bodytext {
  color:#666666;
  font-size:100%;
  padding-right:20px;
  margin:0px;
  padding-top:5px;
  padding-bottom:10px;
}

.news-latest-mehr {
  font-size:100%;
  text-align:right;
  float:right;
  color:#999999;
  padding-right:20px;
  padding-bottom:5px;
  margin:0px;
}


.news-latest-container .news-latest-mehr {
  float:none;
}

.news-latest-mehr A {
  text-decoration:underline;
  color:#999999;
  padding:0px;
  margin:0px;
}

.news-latest-mehr a:hover {
  text-decoration:underline;
  color:#999999;
  
}

.news-latest-bild {
  padding:0px;
  margin:0px;
  width:120px;
  height:93px;
}

.news-latest-bild img {
  
  padding:0px;
  margin:0px;
  width:auto;
  height:auto !important;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/

.news-list-top {
  background-image: url(../images/hg_content_top.jpg);
  background-repeat:no-repeat;
  margin-top:15px;
  height: 12px;
  width: 386px;
  float: left;
}

.news-list-bottom {
  background-image: url(../images/hg_content_bottom.jpg);
  background-repeat:no-repeat;
  height: 12px;
  width: 386px;
  float: left;
}

.news-list {
  background-image: url(../images/hg_content_middle.jpg);
  background-repeat: repeat-y;
  width: 386px;
  float: left;
  padding: 5px;
  font-size:0.9em;
}

.news-list-mehr  {
  font-size: 60%;
  color:#999999;
  float: right;
  padding-right:10px;
  margin:0px;
  padding-top:0px;
  width: 100%;
  text-align: right;
}

.news-list-mehr a {
  color:#999999;
}

.news-list-mehr a:hover {
  text-decoration:underline;
  color:#999999;
  
}

.referenzen-titel
{
  color:#666666;
  font-size: 60%;
  font-weight:bold;
  text-decoration:none;
  padding-top:8px;
}

.news-list-titel h2 {
  color:#666666;
  font-size:0.8em;
  font-weight:bold;
  text-decoration:none;
  margin-top:10px;
  padding: 0 10px;
}
.news-list-titel p {
  font-size:0.8em;
}
.news-list-titel a {
  color:#666666;
  font-weight:bold;
  text-decoration:none;
}

.news-list-titel a:hover {
  color:#999999;
  font-weight:bold;
  text-decoration:none;
}

.news-list-titel .bodytext
{
  color:#666666;
  padding-right:5px;
  padding-left:5px;
}


.news-list-titel .bodytext a
{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: underline;
  font-weight: normal;
}
.news-list-titel .bodytext a:hover
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #007DA7;
  text-decoration: underline;
  font-weight: normal;
}
.news-list-titel p {
  width:370px;
}
.news-list-subheader
{
  padding-right:10px;
}

.news-list-bild{
  float:left;
  padding-right:0px;
  padding-left:5px;
  padding-top:5px;
}

.news-list-datum {
  font-size: 70%;
  color:#999999;
  float:right;
  padding-right:10px;
  padding-top:5px;
  margin:0px;
}

.news-list-imgcaption {

}

  /*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
  margin:3px;
  padding:3px;
}
.tx-ttnews-browsebox TD {
  font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
  font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
  margin:0px;
}

.tx-ttnews-browsebox-SCell {
  background-color: #666666;
  border:1px solid #E5E5E5;
}
.news-search-emptyMsg {
  font-size: 11px;
  margin-left: 10px;
}
  /*--------------------------------- tt_news SINGLE view  ---------------------------------*/

.news-single {
width:100%;
font-size:0.8em;
}

.news-single-img {
border:0px;
float:left;
margin:0px;
padding:0px;
}


.news-single-imgcaption {
float:left;
margin:0px;
padding:0px;
}

.news-single-zurueck a {
  float:right;
  font-size: 70%;
  color:#666666;
}
.news-single-datum {
  font-size: 70%;
  color:#999999;
  float:right;
  padding-right:10px;
  padding-top:0px;
  margin:0px;
}

.news-single-header h2 {
  font-size: 0.9em;
  color:#666666;
  font-weight:bold;
}

.news-single-titel h2 {
  font-family: Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
  color:#007DA7;
  font-weight:normal;
  font-size:1.2em;
  line-height:130%;
}

.news-single-inhalt {
  color:#666666;
  font-weight:normal;
}
