html, body { margin: 0;
       	     padding: 0;
             width: 100%;
	           font-family: Verdana, sans-serif;
             font-size: 12px;
             line-height: 135%;
             background: url(http://www.afm-gmbh.de/afm/media/nav/back.gif) repeat-y;
             background-color: #fff }

#head { margin: 0;
        padding: 0;
        height: 212px;
        background: #98cae8;
        width: 100%;
        min-width: 800px;
        overflow: hidden }

#head.mid { background: #6cb3df }

#head.dark { background: #0090cf }

#head-gls { width: 172px;
           min-width: 172px;
           height: 212px;
           float: left }

#nav { position: absolute;
       top: 200px;
       left: 10px;
       background: #0090CF; }

#nav img { vertical-align: middle }

#nav a { text-decoration: none }

#content { margin-left: 172px;
           width: 800px;
           background: #fff;
           padding: 0;
           font-size: 1px;
           color: #fff }

#text { padding: 30px 30px 0 30px;
        margin: 0 0 30px 0;
        font-size: 12px;
        color: #0061AA; }

#text a:link, #text a:visited, #text a:active { color: #0061AA }

#text a:hover { color: #0061AA; text-decoration: none }

h1 { font-size: 20px;
     font-weight: normal;
     margin-bottom: 30px }

h2 { font-size: 14px;
     margin-top: 1.5em }

h3 { font-size: 12px;
     margin: 15px 0 0 0 }

p { margin-top: 0 }

td, th { font-family: Verdana, sans-serif;
         font-size: 12px;
         color: #0061AA; }
         
td { vertical-align: top }
     
ul { list-style-image: url(http://www.afm-gmbh.de/afm/media/nav/dot.gif);
     padding-left: 15px;
     margin-top: 0;
     margin-left: 0;
     line-height: 135% }

div#spalte-l { width: 45%;
               float: left }

div#spalte-r { margin-left: 45% }

ul.doppel li { margin-bottom: 15px }

div.portrait { width: 180px;
               float: left;
               margin-bottom: 20px }

div#text-hd { width: 65%;
              float: left }

div#text-home { width: 50%;
                float: left;
                padding: 10px 0 }

div#text-home p { font-size: 13px;
                  padding: 3px 0;
                  line-height: 145% }

div#notfall, div#home { background-color: #98CAE8;
                        width: 30%;
                        float: right }

div#notfall p, div#home p { padding: 0 15px }

div#home p { font-size: 13px }

table#abfall td { padding: 0 25px 10px 0 }


/* ---------- Formulare -------------*/

form { padding: 0 }

form.neu label, form.neu input, form.neu select { display: block; }

textarea { overflow: auto }

form, input, textarea, select  { font-family: Verdana, sans-serif;
			                           font-size: 12px; }

form.neu br { clear: both; }

div.ecken { width: 100%;
            height: 15px;
            margin: 0;
            padding: 0;
            background-color: #98CAE8 }

div.ecken div { width: 12px; height: 15px }

div#dunkel { width: 100%;
             background-color: #6cb3df;
             color: #fff;
             font-weight: bold;
             height: auto;
             margin-bottom: 10px }

div#dunkel p { padding: 9px 15px }

div.feld-l input { width: 50px;
                   float: left }

div.feld-l label, div.feld-l textarea { margin-left: 58px }

div.feld-r label { width: 200px;
                   text-align: right;
                   float: left }

div.feld-r input { width: 200px;
                   margin-left: 220px }

div.buttons { width: 100%;
              height: 32px;
              margin: 0;
              padding: 0;
              background-color: #6CB3DF;
              text-align: right; }

div.rand-l, div.rand-r { width: 10px;
                         height: 32px }

div.rand-l { float: left }

div.rand-r { float: right }

div.absenden, div.buttons div.zurueck { padding: 5px 40px 5px 20px }

div.absenden div { float: right }

div.buttons div.zurueck { width: 40%;
                          float: left }

div.absenden div, div.helpdesk div, div.zurueck div { width: 4px; height: 21px; }

div.zurueck div, div.helpdesk div { float: left }

div.absenden div { float: right }

input.submit { height: 21px;
               border: none;
               border-top: 1px solid #368AC4;
               border-bottom: 1px solid #368AC4; }

* html div.back input { width: 95px; } /* Weiche für IE, außer IE 5 Mac */
* html div.absenden input { width: 95px; }

input.submit, div#z2 { background: #6CB3DF }

div.absenden input { color: #fff;
                     float: right }

div.back input { color: #0061AA;
                 float: left }

div#z1, div#z2 { height: 19px;
                 border-top: 1px solid #368AC4;
                 border-bottom: 1px solid #368AC4;
                 width: auto }

div#hd1, div#hd2, div#hd3 { background: #98CAE8;
                            width: auto;
                            background-color: #98CAE8;
                            border-top: 1px solid #368AC4;
                            border-bottom: 1px solid #368AC4;
                            height: 19px; }

div#hd1 a, div#hd2 a, div#hd3 a, div#z1 a, div#z2 a { text-decoration: none }

* html div#hd1 { height: 21px }
* html div#hd2 { height: 21px }
* html div#hd3 { height: 21px }
* html div#z1 { height: 21px }
* html div#z2 { height: 21px }


/*-----------Postservice-------------*/

form#postservice { background-color: #98CAE8; width: 550px }

form#postservice label, form#postservice textarea { width: 462px }

form#callback, form#angebot { background-color: #98CAE8; width: 450px }

form#callback textarea, form#angebot textarea { width: 200px;
                                                float: left  }

form#callback textarea { margin-left: 20px; }

form#angebot div.feld-r label { text-align: left;
                                padding-left: 20px }


/*-------------Stoerung-----------------*/

form#stoer { background-color: #98CAE8; width: 560px }

form#stoer input, form#stoer select { font-size: 11px }

form#stoer input.submit { font-size: 12px }

div#inner-stoer { padding: 0 30px }

#inner-stoer select, #inner-stoer input  { width: 100%;
                                           margin-bottom: 5px; }

#kalender select { width: auto; }

#inner-stoer textarea { padding: 2px;
                        width: 480px;
                        vertical-align: top; }

#inner-stoer div { float: left; width: 220px; }

#inner-stoer p { margin-bottom: 5px }


/*------------Statustabelle---------------------------*/

#status { border-collapse: collapse;
          text-align: left;
          empty-cells: show; }

table#status td { border: 5px solid #98CAE8;
                  padding: 0 3px; }

table#status th { vertical-align: bottom;
                  padding: 0 3px;
                  background-color: #98CAE8;
                  border: none;
                  text-align: center }

table#status .blau { background-color: #98CAE8;
                     border: none;
                     background-repeat: no-repeat }

form#edit { width: auto }

#edit td { padding: 0 8px 8px 0; }

#edit input, #edit textarea { width: 350px }

/*--------------------Newsletteranmeldung---------------*/

form#newsl { background-color: #98CAE8; width: 330px }

form#newsl div.feld-r label { width: 80px;
                              text-align: left;
                              padding-left: 20px;
                              font-weight: bold }

form#newsl div.feld-r input { width: 180px;
                              margin-left: 110px }

div#nl form, form#uplform { width: auto }

div#nlinhalt { margin-left: 30px;
               border: 1px solid #e5e5e5;
               padding: 15px }

/*------------- Karte ----------------------------------*/

div#zoom { width: 44px;
           height: 148px;
           float: left }

div#karte { width: 594px;
            height: 274px;
            margin-left: 50px; }

/*------------------ Feedback ------------------------------*/

table#fbtable td { padding: 3px 30px 3px 10px;
                   border: 1px solid #0061AA }

form#fbform th { border-top: 3px double #0061aa;
                 border-bottom: 1px solid #0061aa; }

table#fbtable { margin-bottom: 20px;
                width: 600px }

form#fbform, p.fb, div.fb { background: none;
                            width: 600px }

form#fbform table { width: 100%;
                    border-collapse: collapse;
                    border-bottom: 1px solid #0061aa;
                    margin-bottom: 20px }

form#fbform td, form#fbform th { padding: 3px 30px 3px 0px; }

form#fbform textarea { margin-bottom: 20px;
                       width: 100% }

input#fbsubmit { background: #98CAE8;
                 border: 1px solid #0061AA;
                 color: #0061AA;
                 margin-left: 250px;
                 font-weight: bold }

table#ausw td { padding: 8px 10px 8px 0;
                font-size: 13px }
                
/*----------------- WIKI ------------------------*/

div#wiki form { background: none }