* {  
  margin: 0;
  padding: 0;
  color: #333333;
  font-family: Verdana;
  font-size: 11px;
  line-height: 16px;
  font-weight:normal;
  background-color: transparent;
  text-align:left;
}

html, body {
  background-color: transparent;
  text-align:center;
}

.clearer {
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  font-size: 1px;
  line-height: 1px;
}

/*Page*/
#page {
  width: 900px;
  height: 700px;
  height: auto;
  margin: 0px auto 0px auto;
}

/*div um logo,topmenu*/
#header {
  height: 90px;
  width: 900px;
  float: left;
}

/*Logo*/
#logo {  
  margin-top:25px;
  height: 50px;
  width: 200px;
  float: left;
}

/*Topmenu*/
#topmenu {  
  margin-top:40px;
  height: 20px;
  width: 698px;
  float: left;
  text-align:right;
  font-size:11px;
}

#topmenu a {
  color:#666666;
  text-decoration:none;
  font-size:11px;
}

#topmenu a:hover {
  color:#666666;
  text-decoration:underline;
}

#topmenu .topmenu-left {
  width:300px;
  padding-top:7px;
  float:right;
  text-align:right;
  font-size:11px;
  color:#D6D6D6;
}

/*Suchfeld im Topmenu*/
#topmenu .tx-macinasearchbox-pi1 {
  float:right;
}

#topmenu .tx-macinasearchbox-pi1 .suchwort{
  float:left;
  margin-top:7px;
  margin-right:10px;
  font-size:11px;
  color:#666666;
}

#topmenu .tx-macinasearchbox-pi1 .suchfeld{
  float:left;
  margin-top:6px;
}

#topmenu .tx-macinasearchbox-pi1 .suchfeld .search{
  background-color:#FFFFFF;
  border:1px solid #D6D6D6;
  height:18px;
  margin-right:5px;
  width:124px;
}

#topmenu .tx-macinasearchbox-pi1 .submit{
  float:left;
  margin-top:7px;
}
/*Testnavigation*/
#nav, #nav ul {
  float: left;
  list-style: none;
  height: 49px;
  width: 900px;
  border-left:1px solid #EDEDED;
  border-bottom:1px solid #FFFFFF;
}
 
#nav a {
  display: block;
  width: 10em;
  color: #7C6240;
 
  text-decoration: none;
  padding: 0.25em 0em;
}
 
#nav a.menuparent  {
  background: url(arrow.gif) no-repeat 90% 40%;
}
 
#nav li {
  float: left;
  padding: 0;
  width: 10em;
}
 
#nav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 14em;
  font-weight: normal;
  border-width: 0.25em;
  margin: 0;
    
}
 
#nav li li {
 
  width: 14em
}
 
#nav li ul a {
  width: 14em;
  padding-left: 1em;
}
 
#nav li ul ul {
  margin: -1.75em 0 0 14em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}
 
#nav li:hover, #nav li.sfhover {
  background: #eda;
  color: white;
}

/*Hauptnavigation*/
#hnavi {
  height: 49px;
  width: 900px;
  background:url();
  float: left;
  border-left:1px solid #EDEDED;
  border-bottom:1px solid #FFFFFF;
}

#hnavi, #hnavi ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

#hnavi li {
  width:auto;
}

#hnavi li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  position:relative;
  width:150px;
}

/*Bild auf der Startseite*/
#image-start {
  position:relative;
  width: 900px;
  float: left;
  border-bottom:1px solid #FFFFFF;
  
}

#image-text {
  position:absolute;
  top:90px;
  left:520px;
  width:350px;
  height:225px;
  color:#FFF;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
}

#image-text p, #image-text p p, #image-text p p p {
color:#FFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#image-text h2 {
font-size:36px;
font-weight:normal;
padding:0;
margin:0;
line-height:1;
color:#FFF;
}

/*Bild ueber Inhalt*/
#image {
  height: 135px;
  width: 900px;
  float: left;
  border-bottom:1px solid #FFFFFF;
}

/*Div um subanvi,content,content-image*/
#contentall {
  float: left;
  width:900px;
}

/*Subanvigation*/
#subnavi {
  height:404px;
  width:150px;
  float: left;
  background: url(gfx/navi_hg_sub_komplett.gif) no-repeat;
}

.subnavi-linie {
  width:195px;
  border-bottom:1px solid #FFFFFF;
}

/*Inhalt*/
#content {
  float: left;
  width:559px;
  padding: 35px 40px 0px 40px;
}

/*Bild in rechter Spalte*/
#contentimage {
  float: left;
  width:111px;
  padding-top: 35px;
}

#contentimage .csc-textpic-imagerow {
  padding-bottom:15px;
  overflow:hidden;
}

/*Teaser auf Startseite*/
#teaser {
  width: 900px;
  float: left;
  background: url(gfx/hg_teaserbox.gif) repeat-x;
}

#teaser ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:left;
}

#teaser ul li {
  float:left;
  margin:0;
  padding:0;
  width: 300px;
  height: 175px;
  background: url(gfx/hg_teaserbox.gif) no-repeat;
}

#teaser ul li .teaser-content{
  padding: 25px 25px 28px 25px;
} 

/*Aktuelle Meldungen*/
.news-latest-container .latest-content {
  padding-top:17px;
}

/*Fusszeile*/
#footer {
  width: 900px;
  float: left;
  padding-top:5px;
  color:#999999;
  font-size:10px;
}

/*Abstand �berschrift*/
/*.csc-header-n1 {
  padding-bottom:20px;
}*/

/*div um Text und Bild*/
.textpic_container {
  padding-bottom:15px;
}

/*div um Bild*/
.image_container {
}

/*div um Text*/
.text_container {
}

/*div um Formular*/
.emailformular {
  padding-bottom:15px;
  margin-top:-15px;
}

/*Content Seiten Menu*/
.pagemenu-all {
  color:#333333;
  position:absolute;
  top:650px;
}
.pagemenu-all a{
  text-decoration:none;
}

.pagemenu-link-act {
  float:left;
  padding-left:5px;
}

.pagemenu-link-act a, .pagemenu-link-act a:hover{
  background-color:#E2001A;
  color:#FFFFFF;
  border:1px solid #CCCCCC;
  display:block;
  height:12px;
  line-height:14px;
  margin-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  text-decoration:none;
  padding-right:4px;
  float:left;
  text-decoration:none;
}

.pagemenu-link-act a:hover{
  background-color:#E2001A;
  color:#FFFFFF;
  border:1px solid #CCCCCC;
  display:block;
  height:12px;
  line-height:14px;
  margin-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  text-decoration:none;
  padding-right:4px;
  float:left;
  text-decoration:none;
}

.pagemenu-link-inact {
  float:left;
  padding-left:5px;
}

.pagemenu-link-inact a {
  background-color:#F5F5F5;
  color:#333333;
  border:1px solid #CCCCCC;
  display:block;
  height:12px;
  line-height:14px;
  margin-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  text-decoration:none;
  padding-right:4px;
  float:left;
  text-decoration:none;
}

.pagemenu-link-inact a:hover {
  background-color:#E2001A;
  color:#FFFFFF;
  border:1px solid #CCCCCC;
  display:block;
  height:12px;
  line-height:14px;
  margin-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  text-decoration:none;
  padding-right:4px;
  float:left;
  text-decoration:none;
}

.pagemenu-text {
  float:left;
  padding-top:4px;
  padding-right:10px;
}

/*b,p,a,ul,li,headline*/
b {
  font-weight:bold;
}

a b {
  color:#E2001A;
}

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

a {
  color:#E2001A;
  text-decoration:none;
}

a:hover, a:active {
  color:#E2001A;
  text-decoration:underline;
}

a img {border:0;}

h2 {
  color:#333333;
  font-size:15px;
  font-weight:normal;
  line-height:18px;
  padding-bottom:17px;
  display:block;
}

h3 {
  color:#333333;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  display:block;
}

h3 a{
  color:#333333;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  text-decoration:none;
}

h3 a:hover{
  color:#E2001A;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  text-decoration:underline;
}

h2 a{
  color:#333333;
  font-size:15px;
  font-weight:normal;
  line-height:18px;
  text-decoration:none;
}

h2 a:hover{
  color:#E2001A;
  font-size:15px;
  font-weight:normal;
  line-height:18px;
  text-decoration:underline;
}

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:inherit;
  margin:0 0 5px 15px;
}

li {
  margin:5px 0 0 10px;
}

/*Linien*/
.linie {
  margin-top:20px;
  margin-bottom:20px;
  border-top:1px solid #CCCCCC;
  height:1px;
  width:514px;
}

.csc-frame-rulerBefore {
  margin-top:20px;
  margin-bottom:20px;
  border-top:1px solid #CCCCCC;
  height:1px;
  width:514px;
}

#content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:10px;
}

/*Abstand um Bild mit Text entfernen*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0px;
}

/*Inhalt 2 spaltig*/
div.c2l1d-middle {
  border:none;
  left:230px;
  padding:0;
  position:absolute;
  white-space:normal;
  width:200px;
}

div.c2l1d-left {
  border:none;
  left:0;
  padding:0;
  position:absolute;
  white-space:normal;
  width:200px;
}

/*Formulare*/
.form_ausgabe {
  width:312px;
  height:auto;
}

.form_anfrage_1{
  float:left;
  width:110px;
}
.form_anfrage_2{
  float:left;
  width:202px;
}

.form_abstand_5 {
  padding-bottom: 5px;
}

label, input, textarea, select, legend {
}

#mailform {
  padding:0px;
  margin:0px;
}

legend {
  padding:0px;
  margin-bottom: 2px;
  border: 0px;
}

fieldset {
  border:0px;
  padding:0px;
}

fieldset label {
  margin-left: 5px;
}

.formular {
  width:312px;
  margin-bottom: 1.2em;

}

.mf-input, .breite1, .mf-pass {
        width: 200px;
        background:#ffffff;
        border: 1px solid #A0A0A0;
        margin: 1px 0px 5px 0px;
        height: 18px;
}

.mf-text {
        width: 200px;
        background:#ffffff;
        border: 1px solid #A0A0A0;
        margin: 1px 0px 5px 0px;
}

.mf-submit, .send {
  background: url(gfx/button_senden.gif) no-repeat;
  width:65px;
  height:22px;
  border: 0px;
    /* background-color:0px; */
    color: transparent;
}

.mf-zusatz {
  padding-bottom:15px;
  padding-left:0px;
    color: #666666;
  font-size: 10px;
  line-height: 1.2em;
  margin: 0px 0px 2px 0px;
}

.red {
  color:#CF0C0C;
}

.form_submit {
  padding-left:110px;
}

/*Indexes Search*/
.tx-indexedsearch-whatis{
  padding-bottom:20px;
}

/*div um kundenlogos*/
.kundenlogos {
  float:left;
  height:80px;
  padding-bottom:20px;
  padding-right:20px;
  width:100px;
}



/* tt_news                   */
/* schmelzer, 01. Sept. 2011 */

span.news-list-morelink {
    margin-left:0.5em;
}


/* twitter_newsticker         */
/*David Haerle, 19. Sept. 2011*/
#twitter-ticker{
  width:250px;
  height:140px;
  //background:url(gfx/slickbg.png) no-repeat #f5f5f5;
  color:#666666;
  display:none;
  
  -moz-border-radius:10px 10px 6px 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius:6px;

  text-align:left;
}

#tweet-container{
  height:60px;
  width:auto;
  overflow:hidden;
}

#twitIcon{
  position:absolute;
  top:-25px;
  left:-10px;
  width:64px;
  height:64px;
}

.tweety{
  float:left;
  padding-left:8px;
  padding-bottom:4px;
}
.tweet{
  padding:5px;
  //border:1px solid #F0F0F0;
  //background:url(gfx/transparent.png);  
  width:218px;
  overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
  float:left;
}

.tweet .time{
  text-transform:uppercase;
  font-size:10px;
  color:#AAAAAA;
  white-space:nowrap;
}


.tweet .avatar img{
  width:18px;
  height:18px;
  border:2px solid #eeeeee;
  margin:0 5px 5px 0;
}

.tweet .txt{
  clear:both;
}

.tweet .user{
  font-weight:bold;
}
#loading{
  margin:48px 95px;
}

.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right:4px;
  top:0;
  height: 100%;
  background: #ddd;
}
.jScrollPaneDrag {
  position: absolute;
  background: #999;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}
.slidefront>div { 
  width: 230px; 
  height: 130px; 
  text-align: left;
  overflow: hidden

}

.slidefront {
  height: 200px;
  width: 250px;
}
/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}

a.jScrollArrowUp {
  background: url(gfx/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
  background-position: 0 -15px;
}
a.jScrollArrowDown {
  background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
  background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
  background: #f60;
}
.orange-bar .jScrollPaneDrag {
  background: #00f url(gfx/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
  background: #69f;
}
      
.holder {
  float: left;
}

.scroll-pane {
  width: 200px;
  height: 200px;
  overflow: auto;
  float: left;
}

.wide {
  width: 400px;
}

.super-wide {
  width: 700px;
}

.tall {
  height: 400px;
}

#pane3 {
  height: 90px;
}