* {
 padding: 0;
 margin: 0;
 border: 0;
}

body, html { height: 100%; }

body	{
 color: #333;
 background: #d0d0d0 url(../img/bg.gif) 0 0 repeat-y;
 text-align: left;
 font: 11px/16px Arial, Helvetica, sans-serif;
}
	
.clear { clear: both; }

a {outline: none;} 

#wrapper {
 min-height: 100%;
 background: transparent url(../img/bgleft1.jpg) bottom left no-repeat;
}

* html #wrapper {
 height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

.outer {
 padding-left: 270px; /*** Same width as margin-left for the float-wrap div ***/
/*padding-right: 120px; ** Our right column width ***/
}

.inner {
width: 765px;
padding-bottom: 29px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.

***/

.float-wrap {
float: left;
width: 765px;
margin-left: -270px; /*** Same length as .outer padding-left but with negative value ***/
}

#content {
float: right;
margin-right: -269px; /*** Same length as .outer padding-left but with negative value ***/
margin-top: -1px;
width: 765px;
position: relative; /*** IE needs this  ***/
}

.contentWrap {
padding: 1px;
}

#nav, #logo {
 width: 1024px;
 height: 75px;
}

#logo img {
 float: right;
 margin-top: 25px;
 margin-right: 43px;
}

ul {
 list-style: none;
 margin: 0 0 0 20px;
}

#menu a {
 font: normal 11px/16px arial, helvetica, sans-serif;
 display: block;
 margin: 0;
 padding: 2px 3px;
 color: #fff;
 background: none;
 text-decoration: none;
}

#menu a:hover {/*font-weight: bold;*/color: #089e32;}

#nav .menu-act a {/*font-weight: bold;*/color: #089e32;}

#nav .menu-act a:hover {
 /*color: #089e32;
 background: none;*/
}

#nav .menu-no a {
 font-weight: normal;
 color: #fff;
 background: none;
}

#nav li {
 float: left;
}

#nav ul ul {
 position: absolute;
 z-index: 500;
 margin-top: 20px;
}

#nav li, ul ul li {margin-right: 10px;}

#panel {
 top: 0;
 left: 0;
 width: 1024px;
 height: 165px;
}

#stripe {
 width: 100%;
 height: 46px;
 background: white url(../img/stripe.jpg) 0 0 repeat-x;
}

#left {
 float: left;
 width: 269px;
 position: relative; /*** IE needs this  ***/
}

h1, h2, h3, h4, h5, h6 {
 color: #000066;
 background: none;
 font: 12px/16px Arial, Helvetica, sans-serif;
 margin: 0 0 8px 0;
}

h1 {clear:left;}

div#main h4 {margin-bottom: 0; color: #000066;}

p {margin: 0 0 8px 0;}

 br {line-height: 16px;}

#left h1, #left h2 {
 text-transform: uppercase;
 font-weight: normal;
}

#left h1 {
 color: #999;
 background: none;
 margin: 24px 0 0 15px;
 font-size: 17px;
 letter-spacing: 1px;
}

#left h2 {
 color: #000099;
 background: none;
 margin: 4px 0 0 33px;
 font-size: 13px;
 letter-spacing: 1px;
}

.teaser {
 width: 185px;
 height: 130px;
 background: white url(../img/teaserbg.jpg) 0 0 no-repeat;
 float: left;
}
	
.teas2 {width:  199px;}

.teaser img, .teas2 img {
  margin: 5px 0 2px 5px;
}

.teaser h4, .teas2 h4 {
 color: #000066;
 background: none;
 font-size: 11px;
 line-height: 13px;
 margin: 0 0 2px 11px;
}

.teaser p, .teas2 p {
 width: 148px;
 margin: -2px 0 1px 11px;
 font-size: 10px;
 line-height: 10px;
}

.teaser a, .teas2 a {
 color: #0066cc;
 background: none;
 font-size: 10px;
 float: right;
 margin: 0 35px 0 0;
 text-decoration: none;
}

.teas2 a {
 margin: 0 48px 0 0;
}

#main {
 width: 715px;
 margin: 165px 0 0 11px;
}

#footer {
 height: 29px;
 margin-top: -29px;
 width: 1024px;
 background: white url(../img/footer.jpg) 0 0 repeat-x;
 text-align: right;
}

#footer p {
clear: both;
}

#footer a {
 color: #000066;
 background: none;
 text-decoration: none;
 margin: 0 10px 0 0;
}

#footer ul {
 list-style: none;
 float: right;
}

#footer  li {
 float: left;
 line-height: 14px;
}

#mleft {
 float: left;
  width: 40%;
}

.tx-thmailformplus-pi1  {
 margin-top: 15px;
}

.tx-thmailformplus-pi1  label {
 display: block;
 width: 55px;
 height: 20px;
 float: left;
}

.msend {
 font-size: 11px;
 margin-left: 55px;
}

input {
 margin-bottom: 4px;
 border: 1px solid #666;
}

textarea {
 border: 1px solid #666;
 margin-bottom: 15px;
}

div#main ul {
 list-style: square outside;
 margin: 0 0 8px 25px;
}
div#main div.csc-sitemap ul  {
 list-style: none;
}
div#main div.csc-sitemap ul ul {
 list-style: square outside;
 margin: 8px 0 8px 25px;
}

#main li {
 clear: both;
 width: 700px;
 margin-bottom: 0px;
 color: #000066;
}
.csc-sitemap ul li a {
 font-weight: bold; 
 text-decoration: none;
 color: #000066; 
}
.csc-sitemap ul ul li a {
 font-weight: normal;
 color: #333;
}

.blau {color: #000066;}

.news-list-date {float: right;}

hr.clearer {border-bottom: 1px solid #ccc; margin: 10px 0;}

div.news-list-item a { 
 text-decoration: none; 
 color: #000066; 
 }

div.news-list-item h3, div.news-list-item strong {
 font: 12px/16px Arial, Helvetica, sans-serif;
 font-weight: normal;
 }

div.tx-ttnews-browsebox a, div.news-single-backlink a {
 text-decoration: none; 
 color: #333; 
 }

div.tx-ttnews-browsebox td {background: none;}

div.news-single-backlink {margin-bottom: 16px;}


/* Mitarbeiter FCE */

.bild_vcard {
 float:left; 
 margin:0 10px 8px 0;
 width:80px;
}

.bild_vcard dd {
 margin:0;
}

.bild_vcard a {
 color:#000066;
}

/* Suchbereich im Header */

#searchformContainer{
position: absolute;
 top: 1px;
 left:600px; 

}

.suchformfeld{
 margin:0;
 padding:0;
 height:16px;
 font-size:10px;
 color:#010066;
 float:left;
}

.suchformbutton{ 
 margin:0;
 padding:0;
 font-size:10px;
 background-color:#FFFFFF;
 color:#010066;
}