body{
  background-color: #666666;
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 12px;
  color: black;
}
li {
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 12px;
}
form {
  margin: 0;
}
hr {
  border: 0;
  border-bottom: 1px solid #ddd;
  margin-right: 10px;
}

.floatleft{ float: left; }
.floatright{ float: right; }
.hidden, .displaynone { display: none; }
.displayblock { display: block; }
.hg-white{ background-color: white; }
.clearboth{ clear: both; }
.fett { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.aktiviert { color: #990000; }
.gruen { color: #a1c037; }
.bordergreen { border: 1px solid green; }
.keinbutton{
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.inline { display: inline; }



p.bodytext {
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin-top: 2px;
}
p.bodytext {
  margin-bottom: 5px;
}
p.bodytext a {
  color: black;
  font-weight: bold;
}
p.bodytext a:hover {
  color: #a1c037;
}

a {
  text-decoration: none;
}
a img {
  border: 0;
}
a:link, a:visited {
  color: black;
}
a:hover, a:active {
  color: #a1c037;
}


/*----------------------------------------------*/
/* Grundaufbau                                  */
/*----------------------------------------------*/
div#gesamt-inner {
  width: 972px;
}
div#container-weisserbg-outer {
  width: 972px;
  background-color: white;
  border-right: 1px solid #333333;
  border-bottom: 2px solid #333333;
}
div#container-weisserbg-abstand-von-links {
  float: left;
  width: 10px;
  height: 600px;
  /* border: 1px dotted grey; */ 
}
div#container-weisserbg-inner {
  float: left;
  width: 960px;
  text-align: left;
}
div#abstand-vor-menumeta1 {
  height: 18px;
  width: 960px;
}
div#menumeta1 {
   width: 960px; 
   height: 28px;
   text-align: right;
}
div#logo {
  width: 960px;
  height: 52px;
  /* border: 1px solid green; */
}
div#menu1-outer {
  width: 960px;
  height: 58px;
  overflow: hidden;
  /* border: 1px solid red; */
}
div#linie {
  width: 940px;
  height: 10px;
  border-top: 1px solid #cccccc;
}
div#container-links-outer {
  float: left;
  width: 180px;
  /* border: 1px solid blue; */
}
div#menu2 {
  width: 180px;
  text-align: left;
}
div#kontakt {
  /* border: 1px dashed #eeeeee; */
  width: 180px;
  min-height: 200px;
  text-align: left;
}
div#content {
  float: left;
  width: 750px;
  min-height: 500px;
  margin-left: 10px;
  /* border: 1px solid yellow; */
}


/*----------------------------------------------*/
/* Menü 1                                       */
/*----------------------------------------------*/
div#menu1-links {
  width: 191px;
  height: 51px;
  float: left;
  background-image: url(Bilder/menu1.links.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
div#menu1 {
  width: 741px;
  height: 51px;
  float: left;
  background-image: url(Bilder/menu1.mitte.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
}
div#menu1-rechts {
  width: 8px;
  height: 51px;
  float: left;
  background-image: url(Bilder/menu1.rechts.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}


/*----------------------------------------------*/
/* Menü 1                                       */
/*----------------------------------------------*/
div#menu1-div img {
  margin-top: 6px;
  float: left; 
}
div.menu1-level1-no, div.menu1-level1-act {
  padding-top: 20px;
}
div.menu1-level1-no:hover, div.menu1-level1-act {
  background-image: url(Bilder/menu1.bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
}
div.menu1-level1-no, div.menu1-level1-act {
  float: left;
  height: 31px;
}
div.menu1-level1-no a, div.menu1-level1-act a {
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 14px;
  font-weight: normal;
  color: #cccccc;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 20px;
}
div.menu1-level1-act a, div.menu1-level1-no a:hover {
  color: white;
}
div.menu1-level1-act a {
  font-weight: bold;
}


/*----------------------------------------------*/
/* Menü 2                                       */
/*----------------------------------------------*/
div.linetop {
  border-top: 1px solid #999999;
  padding-top: 8px;
  margin-top: 10px;
}
div.linebottom {
  border-bottom: 1px solid #999999;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
div.linedottedtop {
  border-top: 1px dotted #999999;
  padding-top: 5px;
}
div.linedottedbottom {
  border-bottom: 1px dotted #999999;
  margin-bottom: 5px;
}
div#menu2box {
  width: 180px;
  margin-bottom: 30px;
}
div.menu2-level1-no, div.menu2-level1-act,
div.menu2-level2-no, div.menu2-level2-act {
  font-weight: bold;
  width: 150px;
  height: 20px;
  margin-left: 6px;
  font-size: 12px;
  font-family: verdana, tahoma, arial, sans serif;
  color: #333333;
}
div.menu2-level2-no {
  font-weight: normal;
}
div.menu2-level3-no, div.menu2-level3-act {
  width: 150px;
  height: 20px;
  color: black;
  margin-left: 6px;
}
div.menu2-level1-no a, div.menu2-level1-act a {
  color: #333333;
}
div.menu2-level3-no a, div.menu2-level3-act a {
  color: #a1c037;
  font-weight: normal;
}
div.menu2-level1-no a:hover {
  color: #a1c037;
  font-weight: bold;
}
div.menu2-level3-no a:hover {
  color: #333333;
  font-weight: normal;
}



/*----------------------------------------------*/
/* Metamenü1                                    */
/*----------------------------------------------*/
span.menumeta1-no a, span.menumeta1-act a {
  color: #333333;
  font-weight: normal;
}
span.menumeta1-sprache a {
  font-weight: normal;
  color: #a1c037;
}
span.menumeta1-no a:hover, span.menumeta1-act a:hover {
  color: #a1c037;
} 
span.menumeta1-sprache a:hover {
  color: #333333;
}


/*----------------------------------------------*/
/* Metamenü2                                    */
/*----------------------------------------------*/
div#menumeta2box {
  color: #929292;
  font-size: 11px;
  text-align: left;
}
div#menumeta2-abstand {
  width: 900px;
  height: 7px;
}
span.menumeta2_no, span.menumeta2_no a,
span.menumeta2_act, span.menumeta2_act a {
  color: #a1c037;
  font-weight: normal;
}
span.menumeta2_no a:hover {
  color: black;
}


/*----------------------------------------------*/
/* Kontaktformular                              */
/*----------------------------------------------*/
div#KontaktFormular {
  font-size: 11px;
  text-align: left;
}
div#Kontaktformular-inner {
  clear: both;
}
h1.Kontaktformular {
  margin-bottom: 13px;
}
div#KontaktFormular p.eingabefeldzeile {
  margin: 0;
  clear: left;
}
div#KontaktFormular h3{
  margin: 0 0 3px 0;
}
div#kontaktform-links {
  float: left;
  width: 400px;
}
div#kontaktform-links label {
  font-family: verdana, arial, Helvetica, sans serif;
  font-size: 11px;
  width: 100px;
  float: left;
  text-align: left;
}
div#KontaktFormular-Radiogruppe label {
  float: none;
}
div#kontaktform-rechts {
  float: left;
  text-align: left;
  width: 250px;
  margin: 0 10px 0 30px;
}
div#kontaktform-rechts label {
  width: 100px;
}
label.breiter {
  width: 310px;
}
input.kontaktform-input, textarea.kontaktform-input {
  width: 240px;
  background-color: #eeeeee;
  color: black;
  border: 1px solid #e2e2e2;
  margin: 0 0 10px 0;
  font-family: verdana, arial, Helvetica, sans serif;
  font-size: 12px;
  padding: 2px;
}
textarea.kontaktform-input {
  margin: 7px 0 5px 0;
  width: 180px;
  height: 135px;
  overflow: hidden;
}
div.kontaktform-buttons {
  margin: 20px 20px 0 20px;
  clear: both;
}
ul#kontaktform-fehlerliste {
  padding: 0 0 0 8px;
  margin: 0 0 15px 8px;
}
ul#kontaktform-fehlerliste li {
  color: red;
  margin: 0;
  width: 200px;
  height: 10px;
}

p.margintopnull {
  margin: 0;
  height: 2px;
}


/***********************************
Boxen mit Verlauf
************************************/
div.content-boxmitverlauf-outer { margin-bottom: 17px; }


/***********************************
Teilung 80/20
************************************/
div.content-2spaltig-80-20-outer {
  /* margin-bottom: 10px; */
}
div.content-2spaltig-80-20-spalte1-outer {
  width: 560px;
  float: left;
  margin-right: 8px;
}
div.content-2spaltig-80-20-spalte2-outer {
  width: 170px;
  float: left;
}


/***********************************
Box mit Verlauf 80
************************************/
div.content-boxmitverlauf-inner {
  text-align: left;
}
div.content-boxmitverlauf-80-oben {
  background-image: url(Bilder/verlauf.80.oben.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 560px;
  height: 6px;
  margin: 0;
  padding: 0;
}
div.content-boxmitverlauf-80-mitte-outer {
  background-image: url(Bilder/verlauf.80.jpg);
  background-position: 3px 0;
  background-repeat: no-repeat;
  width: 558px;
  min-height: 80px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
div.content-boxmitverlauf-80-mitte {
  margin-left: 10px;
  width: 540px;
}
div.content-boxmitverlauf-80-mitte p.bodytext {
  /* width: 530px; */
  margin-right: 13px;
}
div.content-boxmitverlauf-80-mitte h1 {
  margin-top: 0;
  padding: 0;
  font-weight: normal;
  font-size: 22px;
  line-height: 23px;
  color: #333333;
}
div.content-boxmitverlauf-80-mitte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin-top: 8px;
  margin-left: 4px;
}
div.content-boxmitverlauf-80-mitte img.scrollButtons {
  top: 50px;
}
div.content-boxmitverlauf-80-mitte img.left {
  left: -20px;
}
div.content-boxmitverlauf-80-mitte img.right {
  right: -20px;
}

/***********************************
Box mit Verlauf 20
************************************/
div.content-boxmitverlauf-20-oben {
  background-image: url(Bilder/verlauf.20.oben.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 182px;
  height: 6px;
  margin: 0;
  padding: 0;
}
div.content-boxmitverlauf-20-mitte-outer {
  background-image: url(Bilder/verlauf.20.jpg);
  background-position: 2px 0;
  background-repeat: no-repeat;
  width: 180px;
  min-height: 80px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
div.content-boxmitverlauf-20-mitte {
  margin-left: 15px;
}
div.content-boxmitverlauf-20-mitte p.bodytext {
  width: 150px;
}
div.content-boxmitverlauf-20-mitte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin: 10px 0 10px 0;
}


/***********************************
Teilung 100/0
************************************/
div.content-1spaltig-100-0-outer {
  width: 752px;
  float: left;
  margin-bottom: 10px;
}
div.content-1spaltig-100-0-spalte1-outer div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 0;
}



/***********************************
Box mit Verlauf 100
************************************/
div.content-boxmitverlauf-100-oben {
  background-image: url(Bilder/verlauf.100.oben.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 752px;
  height: 6px;
  margin: 0;
  padding: 0;
}
div.content-boxmitverlauf-100-mitte-outer {
  background-image: url(Bilder/verlauf.100.jpg);
  background-position: 4px 0;
  background-repeat: no-repeat;
  width: 750px;
  min-height: 80px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
div.content-boxmitverlauf-100-mitte {
  margin-left: 9px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 720px;
}
div.content-boxmitverlauf-100-mitte h1 {
  margin-top: 0;
  padding: 0;
  font-weight: normal;
  font-size: 22px;
  line-height: 23px;
  color: #333333;
}
div.content-boxmitverlauf-100-mitte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
div.content-boxmitverlauf-100-mitte p.bodytext {
  margin-left: 5px;
}


/***********************************
Teilung 40/40
************************************/
div.content-2spaltig-40-40-outer {
}
div.content-2spaltig-40-40-spalte1-outer {
  width: 272px;
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
div.content-2spaltig-40-40-spalte2-outer {
  width: 272px;
  float: left;
}


/***********************************
Box 40 mit Verlauf
************************************/
div.content-boxmitverlauf-40-oben {
  background-image: url(Bilder/verlauf.40.oben.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 274px;
  height: 6px;
  margin: 0;
  padding: 0;
}
div.content-boxmitverlauf-40-mitte-outer {
  background-image: url(Bilder/verlauf.40.jpg);
  background-position: 1px 0;
  background-repeat: no-repeat;
  width: 270px;
  height: 290px;
  min-height: 80px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
div.content-boxmitverlauf-40-mitte {
  margin-left: 10px;
}
div.content-boxmitverlauf-40-mitte h1 {
  margin-top: 0;
  padding: 0;
  font-weight: normal;
  font-size: 19px;
  line-height: 23px;
  color: #333333;
}
div.content-boxmitverlauf-40-mitte p.bodytext {
  width: 250px;
}
div.content-boxmitverlauf-40-mitte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin: 5px 0 5px 0;
}


/***********************************
Icon-Box
************************************/
div.yada-icon-box {
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 181px;
  height: 63px;
}
div.yada-icon-box:hover {
  cursor: pointer;
}
div.yada-icon-box div.bodytext {
  margin: 0 5px 0 57px; 
  padding-top: 12px; 
  color:#333333; 
}
a.yada-icon-box {
  font-size:14px;
  font-weight:normal;
  color:#333333; 
  line-height:18px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.yada-newsletter-abbonieren {
  background-image: url(Bilder/icon.box.newsletter.jpg);
}
div.yada-pdf-download {
  background-image: url(Bilder/icon.box.pdf.jpg);
}
a.yada-icon-box div.yada-icon-box {
  margin-bottom: 15px;
}


/*******************************************************
Teilung 40/40 mit senkrechtem Trenner für Übersichtsbox
********************************************************/
div.content-2spaltig-40-40-trenner-outer {
  margin-bottom: 13px;
}
div.content-2spaltig-40-40-trenner-spalte1-outer,
div.content-2spaltig-40-40-trenner-waagerecht-spalte1-outer {
  width: 250px;
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
div.content-2spaltig-40-40-trenner-spalte2-outer,
div.content-2spaltig-40-40-trenner-waagerecht-spalte2-outer {
  width: 270px;
  float: left;
}
div.content-2spaltig-40-40-trenner-spalte2-outer {
  border-left: 1px solid #e2e2e2;
}
div.content-2spaltig-40-40-trenner-spalte1-outer p.bodytext {
  width: 250px;
}
div.content-2spaltig-40-40-trenner-spalte2-outer p.bodytext {
  margin-left: 13px;
  width: 260px;
}
div.content-2spaltig-40-40-trenner-waagerecht-spalte1-outer p.trenner-waagerecht,
div.content-2spaltig-40-40-trenner-waagerecht-spalte2-outer p.trenner-waagerecht {
  width: 250px;
  height: 1px;
  border-top: 1px dotted #97ba34;
  margin: -7px 0 10px 0;
  padding: 0;
}
div.content-2spaltig-40-40-trenner-waagerecht-spalte2-outer p.trenner-waagerecht {
  margin-left: 15px;
}


/***********************************
Teilung 50/50
************************************/
div.content-2spaltig-50-50-outer {
  width: 770px;
  margin-top: 10px;
}
div.content-2spaltig-50-50-spalte1-outer {
  width: 370px;
  float: left;
  margin-right: 10px;
}
div.content-2spaltig-50-50-spalte2-outer {
  width: 370px;
  float: left;
}

/***********************************
Box 50 mit Verlauf
************************************/
div.content-boxmitverlauf-50-oben {
  background-image: url(Bilder/verlauf.50.oben.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 370px;
  height: 6px;
  margin: 0;
  padding: 0;
}
div.content-boxmitverlauf-50-mitte-outer {
  background-image: url(Bilder/verlauf.50.jpg);
  background-position: 1px 0;
  background-repeat: no-repeat;
  width: 368px;
  height: 310px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
div.content-boxmitverlauf-50-mitte {
  margin-left: 10px;
  width: 345px;
}
div.content-boxmitverlauf-50-mitte h1 {
  margin-top: 0;
  padding: 0;
  font-weight: normal;
  font-size: 22px;
  line-height: 23px;
  color: #797979;
}
div.content-boxmitverlauf-50-mitte p.bodytext {
  /*width: 350px;*/
}
div.content-boxmitverlauf-50-mitte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin: 5px 0 5px 0;
}




/*----------------------------------------------
Referenzen
----------------------------------------------*/
div.referenz-2spaltig-outer {
  margin: 20px 0 20px 0;
  width: 530px;
}
div.referenz-2spaltig-spalte1-outer {
  width: 140px;
  float: left;
  text-align: center;
  margin-right: 10px;
}
div.referenz-2spaltig-spalte2-outer {
  width: 370px;
  float: left;
  text-align: left;
  margin: 0;
}
div.referenz-2spaltig-spalte2-outer p.bodytext {
  width: 320px;
  margin-left: 20px;
}
div.referenz-border-bottom {
  border-bottom: 1px dotted #97ba34;
}
p.referenz-abstand-zur-linie {
  width: 100px;
  height: 20px;
  margin: 0;
}



/*----------------------------------------------
Partner
----------------------------------------------*/
div.partner-2spaltig-outer {
  margin: 20px 0 20px 0;
  width: 530px;
}
div.partner-2spaltig-spalte1-outer {
  width: 370px;
  float: left;
  text-align: left;
  margin-right: 10px;
  border-right: 1px solid #E2E2E2;
}
div.partner-2spaltig-spalte2-outer {
  width: 140px;
  float: left;
  text-align: center;
  margin: 0;
}
div.partner-2spaltig-spalte2-outer img {
  margin-top: 8px;
}
div.partner-2spaltig-spalte1-outer p.bodytext {
  width: 320px;
  margin-right: 20px;
}
div.partner-border-bottom {
  border-bottom: 1px dotted #97ba34;
}
p.partner-abstand-zur-linie {
  width: 100px;
  height: 20px;
  margin: 0;
}



/*----------------------------------------------
Glossar
----------------------------------------------*/
div.glossar-outer {
  border-top: 1px dotted #E2E2E2;
  margin: 10px 0 10px 0;
  width: 530px;
}
div.glossar-inner {
  width: 510px;
  float: left;
  text-align: left;
  margin-right: 10px;
}
p.glossar-abstand-zur-linie {
  width: 100px;
  height: 14px;
  margin: 0;
}
div.glossar-buchstabe-outer {
  margin-bottom: 0;
  padding-top: 20px;
}
h1.glossar-buchstabe {
  margin: 10px 0 5px 0;
}
div#glossar-buchstabenleiste {
  width: 535px;
  height: 23px;
  background-image: url(Bilder/yada.glossar.bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin: 10px 0 10px 0;
}
div.glossar-buchstabe, div.glossar-buchstabe-mitrand {
  color: #666666;
  font-size: 13px;
  text-align: center;
  /* width: 18px; */
  height: 18px;
  /* border-right: 1px solid #eeeeee; */
  float: left;
  padding: 4px 4px 0 6px;
}
div.glossar-buchstabe-mitrand {
  background-image: url(Bilder/yada.glossar.bg.trenner.jpg);
  background-position: 0 1px;
  background-repeat: no-repeat;
}
div.glossar-buchstabe a:hover {
  color: #a1c037;
}



/*----------------------------------------------
Buttons
----------------------------------------------*/
div.button-grau-132 {
  background-image: url(Bilder/button.grau.132.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 132px;
  height: 28px;
  float: right;
  margin: 5px 0 10px 0;
  text-align: center;
}
div.button-grau-text, div.button-grau-text a {
  width: 132px;
  text-transform: uppercase;
  color: white;
  font-size: 10px;
  margin-top: 7px;
}
div.button-grau-text a:hover {
  color: #a1c037;
}

div.yada-button, div.yada-button-left {
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 5px 30px 10px 0;
  text-align: center;
  color: white;
}
div.yada-button {
  float: right;
}
div.yada-button-left {
  float: left;
}
div.yada-button-grau:hover {
  color: #a1c037;
}
div.yada-button-gruen:hover {
  color: black;
}
/**********/
div.button-grau76 {
  width: 76px;
  height: 22px;
  background-image: url(Bilder/button.grau76.gif);
  font-size: 11px;
}
div.button-grau76 div.yada-button-text {
  margin-top: 3px;
}
/**********/
div.button-grau132 {
  width: 132px;
  height: 28px;
  background-image: url(Bilder/button.grau.132.gif);
  font-size: 11px;
}
div.button-grau132 div.yada-button-text {
  margin-top: 6px;
}
/**********/
div.button-grau167 {
  width: 167px;
  height: 26px;
  background-image: url(Bilder/button.grau167.gif);
  font-size: 12px;
}
div.button-grau167 div.yada-button-text {
  margin-top: 4px;
}
/**********/
div.button-grau184 {
  width: 184px;
  height: 36px;
  background-image: url(Bilder/button.grau184.gif);
  font-size: 12px;
}
div.button-grau184 div.yada-button-text {
  margin-top: 10px;
}
/**********/
div.button-gruen95 {
  width: 95px;
  height: 27px;
  background-image: url(Bilder/button.gruen95.gif);
  font-size: 12px;
}
div.button-gruen95 div.yada-button-text {
  margin-top: 4px;
}
/**********/
div.button-gruen132 {
  width: 132px;
  height: 28px;
  background-image: url(Bilder/button.gruen132.gif);
  font-size: 11px;
}
div.button-gruen132 div.yada-button-text {
  margin-top: 6px;
}
/**********/
div.button-gruen184 {
  width: 184px;
  height: 35px;
  background-image: url(Bilder/button.gruen184.gif);
  font-size: 12px;
}
div.button-gruen184 div.yada-button-text {
  margin-top: 10px;
}


/*----------------------------------------------
Kontaktbox
----------------------------------------------*/
div.yada-kontaktbox-outer {
  margin-top: 20px;
}
div.yada-kontaktbox-inner {
  width: 182px;
  height: 374px;
  background-image: url(Bilder/verlauf.kontakt.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
}
div.yada-kontaktbox-Button-grau {
  background-image: url(Bilder/button.grau.167.26.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 167px;
  height: 26px;
  margin-left: 7px;
  margin-top: 10px;
  padding-top: 4px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 12px;
}
div.yada-kontaktbox-nachricht-header {
  margin: 4px 0 3px 9px;
  border-bottom: 1px dotted #ababab;
  width: 163px;
}
p.yada-kontaktbox-nachricht-header {
  font-weight: normal;
  font-family: verdana, tahoma, arial, sans serif;
  font-size: 11px;
  margin: 0 0 3px 0;
}
textarea#message {
  width: 163px;
  height: 140px;
  background-color: white;
  border: 1px solid #d0d0d0;
  margin: 2px 0 6px 9px;
}
button.kontaktbox-submit {
  border: 0;
  background-color: transparent;
  margin-left: 9px;
  width: 110px;
  padding-left: 0;
}
div.linkwhite a, 
div.linkwhite a:link, 
div.linkwhite a:visited {
  color: white;
}
div.linkwhite a:hover {
  color: black;
}
button.kontaktbox-submit:hover {
  cursor: pointer;
  color: black;
}
div.kontaktbox-input {
  margin: 0 0 10px 9px;
}
input.kontaktbox-input {
  width: 163px;
  background-color: white;
  border: 1px solid #d0d0d0;
  margin: 0;
}
div.kontaktbox-ansprechpartner {
  width: 163px;
  margin: 0 0 0 9px;
  padding-top: 8px;
  border-top: 1px dotted #ababab;
}

div.scroll {
  background-color: transparent;
}