* { margin: 0px; padding: 0px; }
body {
 padding: 0px;
 margin: 0px;
 text-align: center;
 background:  url("../images/back.jpg") repeat-x top center;
 font: 11px verdana, arial, sans serif;
}

#container {
 width: 768px;
 margin: 0px auto;
 text-align: left;
}

#top {
 background:  url("../images/bg_oben.gif") repeat-x top left;
 width: 768px;
 height: 262px;
}
#tophead {
 background:  url("../images/top.gif") no-repeat top left;
 width: 768px;
 height: 11px;
}
#tophead a{
 float: left;
 width: 768px;
 height: 11px;
 display: block;
}
#tophead a span { display: none; }

.noshow { display: none; }

#navi { float: left; margin-top: 15px; }
#navi ul {
 float: left;
 margin: 0px;
 padding-left: 14px;
 list-style-type: none;
}
#navi li {
 float: left;
 margin: 0px;
 padding: 0px 13px;
 list-style-type: none;
 display: block;
}

#milkbone {
 float: right;
 background:  url("../images/milkbone.gif") no-repeat top left;
 width: 220px;
 height: 25px;
 margin-top: 15px;
}
#milkbone a {
 float: left;
 width: 220px;
 height: 25px;
 display: block;
}
#milkbone a span {display: none;}

#shot {
 background: url("../images/rechner.jpg") no-repeat top left;
 width: 768px;
 height: 142px;
 margin-top: 96px;
}

#subnavi {
 background: url("../images/middle.gif") no-repeat top left;
 height: 14px;
 width: 768px;
}
#subnavi ul {
 float: right;
 margin-right: 6px;
 list-style-type: none;
}
#subnavi li {
 margin: 0px;
 padding: 0px 4px;
 list-style-type: none;
 display: block;
 float: left;
}

#content {
 background: url("../images/main-bg.gif") repeat-y top left;
 width: 768px;
 padding-bottom: 30px;
}
#maincontent {
 float: left;
 padding-top: 32px;
 padding-left: 32px;
 width: 454px;
 text-align: left;
}

#maincontent p {
 margin-top: 4px;
 line-height: 16px;
}

#content ul {
 margin: 14px 30px;
 padding: 0px;
 list-style-type: square;
}
#content li {
 margin: 0px;
 line-height: 18px;
 list-style-type: square;
}
#buero {
 margin-top: 720px;
 text-align: center;
}

#subcontent {
 float: left;
 padding-top: 30px;
 margin-left: 55px;
 width: 202px;
 text-align: left;
}


#subcontent p {
 padding: 8px;
 font: 10px verdana,arial,helvetica,sans-serif;
 color: #647381;
 line-height: 14px;
 word-spacing: 1px;
 text-align: left;
 background-color: transparent;
}

img {border: 0px;}

#shortmessage {
 float: left;
 background: url("../images/sms.gif") no-repeat top left;
 padding-left: 10px;
 width: 177px;
 height: 16px;
}
#shortmessage span {display: none;}

 
#form {
 float:left;
 font: 11px verdana,arial,helvetica,sans-serif;
 background-color: transparent;
}
#checkform {
 font: 11px verdana,arial,helvetica,sans-serif;
 background-color: transparent;
 margin-left: 8px;
}

#formadress { 
 position: absolute;
 background-color: transparent;
 text-align: right;
 margin-top: 0px;
}

#formadress p {
 font: 11px verdana,arial,helvetica,sans-serif;
 color: #333333;
 margin: 0px;
 line-height: 220%;
 background-color: transparent;
}

#input {
 background-color: transparent;
 float:right; 
}

#input p {
 margin: 4px;
}

.formular {
 font: 12px verdana,arial,helvetica,sans-serif;
 color: #333333;
 border: #647381 1px solid;
 BACKGROUND-COLOR: #f2f2f2;
}
.abdafuer {
 font: 11px verdana,arial,helvetica,sans-serif;
 border: #647381 1px solid;
 BACKGROUND-COLOR: #f2f2f2;
 padding-left: 2px;
 padding-right: 2px;
}

#label {
 float: left;
 font: 10px verdana,arial,helvetica,sans-serif;
 color: #647381;
 background-color: transparent;
 word-spacing: 1px;
 text-align: left;
 padding-top: 12px;
 padding-left: 8px;
 padding-bottom: 40px;
}

label { cursor:pointer; }

#fields {
 float: right;
 padding-right: 4px;
 padding-top: 11px;
}

.smsinput, .smscount {
 font: 9px verdana,arial,helvetica,sans-serif;
 COLOR: #333333;
 border: #647381 1px solid;
 BACKGROUND-COLOR: #f2f2f2;
 width: 126px;
 margin-top: 12px;
 padding-top: 1px;
 padding-bottom: 1px;
 padding-left: 4px;
}
.smscount {
 width: 34px;
}
.zmarg {
 padding-top: 50px;
 text-align: right;
}
.submit {
padding-left: 38px;
vertical-align: bottom;
}


#news {
 float: left;
 background: url("../images/news.gif") no-repeat top left;
 width: 75px;
 height: 16px;
}
#news span {display: none;}

#place {
 float: left;
 background: url("../images/standort.gif") no-repeat top left;
 width: 98px;
 height: 16px;
}
#place span {display: none;}

#openhours {
 float: left;
 background: url("../images/open.gif") no-repeat top left;
 width: 130px;
 height: 16px;
}
#openhours span {display: none;}

#internet {
 float: left;
 background: url("../images/internet.gif") no-repeat top left;
 width: 130px;
 height: 16px;
}
#internet span {display: none;}

#print {
 float: left;
 background: url("../images/print.gif") no-repeat top left;
 width: 130px;
 height: 16px;
}
#print span {display: none;}

#other {
 float: left;
 background: url("../images/other.gif") no-repeat top left;
 width: 130px;
 height: 16px;
}
#other span {display: none;}

#clients {
 float: left;
 background: url("../images/clients.gif") no-repeat top left;
 width: 167px;
 height: 16px;
}
#clients span {display: none;}


/* FOOTER */
#footer{
 background: url("../images/footer-bg.jpg") repeat-x top left;
 background-color: #ffffff;
 margin: 0px;
 width: 100%;
 height: 130px;
 word-spacing: 1px;
 text-align: center;
}
#footer .all {
 font-weight: normal;
 text-decoration: none;
 color: #647381;
 width: 768px;
 margin: auto auto;
}
#footer .left {
 float:left;
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 text-decoration: none;
 line-height: 16px;
 color: #647381; 
 width: 400px;
 padding: 45px 0px 0px 32px;
 text-align: left;
}
#footer .left a {
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 color: #647381;
 text-decoration: underline;
}
#footer .left a:hover { text-decoration: none; }

#footer .right {
 float: right;
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 text-decoration: none;
 color: #647381;
 padding: 63px 32px 0px 0px;
}
#footer .right a {
 background: url("../images/up.gif") no-repeat bottom right;
 padding-right: 20px;
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 color: #647381;
 text-decoration: underline;
}
#footer .right a:hover { text-decoration: none; }



.imprint {
 font: 9px verdana,arial,helvetica,sans-serif;
 color: #ffffff;
 line-height: 120%;
 word-spacing: 1px;
 background-color: transparent;
}

#disclaimer {
 position: relative;
 background-color: transparent;
 margin: 660px 0px 0px 0px;
 height: 56px;
 overflow: auto;
 padding: 10px;
 text-align: justify;
 border: #647381 1px solid;
}
#disclaimer h3 {
 font: 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
 padding: 10px 0px 0px 0px;
 font-weight: bold;
}


.beisp {
           background:url("../images/beispiel1.gif") no-repeat ;
           padding-top: 24px;
           padding-left: 120px;
           font: 9px arial,verdana,helvetica,sans-serif;
           COLOR: #647381;
           letter-spacing: 1px;
           line-height: 160%;
           word-spacing: 1px;
}



.beisp2 {
           background:url("../images/beispiel2.gif") no-repeat;
           padding-top: 24px;
           padding-left: 120px;
           font: 9px arial,verdana,helvetica,sans-serif;
           COLOR: #647381;
           letter-spacing: 1px;
           line-height: 160%;
           word-spacing: 1px;
           z-index:2;
}




h1, h2, h3, h4 {
 font: 11px verdana,arial,helvetica,sans-serif;
 color: #647381;
 background-color: transparent;
 line-height: 14px;
 word-spacing: 1px;
 font-weight: bold;
}

h2 {
 font: 11px verdana, arial, helvetica, sans-serif;
 line-height: 16px;
 font-weight: bold;
}
h3 {
 font: 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
 padding-top: 10px;
 padding-left: 8px;
}
h4 {
 font: 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
 font-weight: normal;
}

.txt, .txt1, .txt2 {
 font: 11px verdana,arial,helvetica,sans-serif;
 color: #647381;
 background-color: transparent;
 line-height: 140%;
 word-spacing: 1px;
 text-align: justify;
}
.txt a {
 color: #647381;
}
.txt1 {
 text-align: left;
}
.txt2 {
 font: 10px verdana,arial,helvetica,sans-serif;
 color: #647381;
 letter-spacing: 0px;
 line-height: 16px;
 word-spacing: 0px;
 font-weight: bold;
 background-color: transparent;
}


.txtkl {
 font: 11px verdana,arial,helvetica,sans-serif;
 color: #647381;
 word-spacing: 1px;
 font-weight: bold;
 background-color: transparent;

}


.lind {
 font: 8px verdana,arial,helvetica,sans-serif;
 color: #B8C191;
 background-color: transparent;
}

.dark {
 font: 9px verdana,arial,helvetica,sans-serif;
 color: #3A4F63;
 background-color: transparent;
}

.delimitline {
        border-bottom: #647381 1px dashed;
}

.marg300 {
 margin-top: 300px;
}
.marg500 {
 margin-top: 500px;
}

/* Links NAV */
a {
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 word-spacing: 1px;
}

a:link {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a:visited {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a:hover {
 text-decoration: none;
 color: #798A99;
 background-color: transparent;
}
a:active {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}




a.blue {
 font: 11px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 word-spacing: 1px;
}

a.blue:link {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}

a.blue:visited {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}

a.blue:hover {
 border-bottom: #798A99 1px dotted;
 background-color: #e9e9e9;
 color: #798A99;
 background-color: transparent;
}

a.blue:active {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}




a.milkbone {
 font: 9px verdana,arial,helvetica,sans-serif;
 font-weight: normal;
}

a.milkbone:link {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}

a.milkbone:visited {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a.milkbone:hover {
 text-decoration: underline;
 color: #798A99;
 background-color: transparent;
}
a.milkbone:active {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}



a.milkbone2 {
 font: 10px verdana,arial,helvetica,sans-serif;
 font-weight: bold;
}
a.milkbone2:link {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a.milkbone2:visited {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a.milkbone2:hover {
 text-decoration: none;
 color: #798A99;
 background-color: transparent;
}
a.milkbone2:active {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}


a.ref {
 font: 10px arial,verdana,helvetica,sans-serif;
 font-weight: normal;
 word-spacing: 10px;
}
a.ref:link {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a.ref:visited {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}
a.ref:hover {
 text-decoration: none;
 background-color: #e9e9e9;
 color: #798A99;
}
a.ref:active {
 text-decoration: none;
 color: #647381;
 background-color: transparent;
}

a { outline: none; }


/* Formular / Kontakt */
#kontaktform {
 margin: -4px 0px 0px 0px;
 text-align: left;
 display: block;
 font: 11px verdana,arial,helvetica,sans-serif;
 color: #353535;
}

#kontaktform label {
 line-height: 160%;
 padding-top: 4px;
 color: #647381;
 display: block;
 width: 100px;
 cursor:pointer;
 font-weight: normal;
}

#kontaktform input {
 width: 452px;
 color: #353535;
 font: 11px verdana,arial,helvetica,sans-serif;
 border: #c5c5c5 1px solid;
 padding: 1px 0px 1px 3px;
 margin-top: 3px;
}
#kontaktform textarea {
 font: 11px verdana,arial,helvetica,sans-serif;
 width: 452px;
 height: 130px;
 color: #353535;
 border: #c5c5c5 1px solid;
 padding: 1px 0px 1px 3px;
 margin-top: 3px;
}
#kontaktform .senden {
 position: relative;
 float: left;
 margin: 21px 0px 20px 0px;
 width: 120px;
 color: #647381;
 background: #ffffff;
 border: #c5c5c5 1px solid;
 text-align: center;
 cursor:pointer;
 padding: 0px;
}
#kontaktform span {
 position: relative;
 float: right;
 margin-top: 25px;
 padding: 0px;
 color: #FF0000;
}