/*
         TM MEDIENDESIGN
         Ihr Partner für Internet, Grafikdesign und Multimedia

        Autor: Torsten Meyer
        TM MEDIENDESIGN

        Datum: 20.02.2007

*/

html {
      width: 100% !important;
      height: 100% !important;
      }

body {
      background: #B1B1B1 url('../../img/layout/bg_main.jpg') top left repeat-x;
      background-attachment: fixed;
      width: 100% !important;
      height: 101% !important;
      margin: 0px;
      padding: 0px;
      font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #2F2F2F;
      }
table  {
      border-collapse: collapse;
      padding: 0;
      margin: 0;
      vertical-align: top;
      }

td  {
      vertical-align: top;
      }

#body2 {
      position: relative;
      height: 100%; /* das hier für den ie */

         height: auto;
         min-height: 100%;
      background: #FFFFFF url('back.gif') top left repeat-y;

                /* filter:alpha(opacity=90);
                          -moz-opacity:0.9;*/

      width: 890px;
      margin: 0 auto; /* margin: 0px 100px 0px 100px; */
      padding: 0px;
      border: solid #A9A9A9;
      border-width: 0px 1px 0px 1px;
      }
#banner {
      position: relative;
      height: 150px;
      background: #FFFFFF url('../../img/layout/bg_banner.jpg') top right no-repeat;
      border-width: 0;
      margin: 0px;
      padding: 0px;
      }
#logo {
      margin: 0px 0 0 3px;
      }

#searchbox {
      position: relative;
      background: transparent url('../../img/layout/bg_servicebox.gif') top left repeat-x;
      border: solid #AEAEAE;
      border-width: 0px 0 1px 0;
      height: 25px;
      margin: 0px;
      padding: 0px;
      }
#searchbox p {
      margin: 0px;
      padding: 0px;
      }
#leftbox {
      position: relative;
      display: block;
      float: left;
      background: transparent url('') repeat;
      width: 163px;
      height: auto;
      margin: 0 auto;
      padding: 0px 0 0px 0px;
      color: #4F4F4F;
      }
#content {
      position: relative;
      margin: 0px 0px 1px 174px;
      padding: 0px 16px 1px 10px;
      font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #000000;
      text-align: left;
      }
#content p {
      margin: 0px;
      padding: 0px;
      }
#content strong {
        font-weight: bold;
        color: #FF5B00;
        }
#rightbox {
      position: relative;
      display: block;
      top: 10px;
      right: 0px;
      float: right;
      margin: 0 0 10px 20px;
      padding: 0px;
      width: 220px;
      background: transparent url('') repeat;
      font: normal 8pt/130% Arial, Helvetica, Sans-Serif, Sans;
      color: #4F4F4F;
      }


/* F O O T E R */

#footer {
      position: relative;
      background: transparent;
      margin: 40px 0px 10px 0;
      padding: 0 0px 1px 0;
      font: normal 8pt/130% Arial, Helvetica, Sans-Serif, Sans;
      color: #4F4F4F;
     }
#footer a {
      margin: 0 4px 0 4px;
      padding: 0;
      font: normal 8pt/130% Arial, Helvetica, Sans-Serif, Sans !important;
      color: #4F4F4F !important;
      text-decoration: none;
     }
#footer a:hover {
      margin: 0 4px 0 4px;
      padding: 0;
      color: #FF5B00 !important;
      text-decoration: none;
     }

#quick {
         position: fixed;
        bottom: -10px;
        left: -2px;
        background: transparent;

      }

/* M E N U E */

#mainmenu {
         margin: 18px 0 40px 0;
         padding: 0px;
         background: transparent;
        }

#mainmenu a {
        display: block;
         margin: 0px 0 0 0;
         padding: 4px 10px 4px 38px;

         font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
         text-decoration: none;
         color: #4F4F4F;
         text-align: left;
        }
#mainmenu a:hover {
         font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #FF5B00;
        }
#mainmenu a.active {
        display: block;
         margin: 0px 0 0 0;
         background: transparent url('../../img/layout/menudice.gif') 0% 50% no-repeat;
         font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #FF5B00;
        }

div.submenuitem a {
            background: transparent !important;
            border-left: 0px solid #1A203F !important;
        }
div.submenuitem a:hover {
            background: transparent !important;
        }
div.submenuitem a.active {
            background: transparent !important;
        }
div.submenuitem a.lvl3 {
            background: transparent !important;
        }
div.submenuitem a.lvl3:hover {
            background: transparent !important;
        }





/* L I N K S   C O N T E N T */

#content a {
        font: bold 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
        text-decoration: none;
        color: #FF5B00;
        }
#content a:hover {
        color: #000000;
        background: transparent;
        text-decoration: none;
        }

#fieldset a {
        font: bold 8pt Arial, Helvetica, Sans-Serif, Sans;
        text-decoration: none;
        color: #669999;
        }
#fieldset a:hover {
        color: #000000;
        background: #FFFFFF;
        }

/* A K T U E L L E S  */
#teaser0 {
         margin: 10px 240px 10px 0;
         padding: 0px;
         }
#teaser0 a {
        display: block;
         background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat top right;
         border-top: 1px solid #FFFFFF;
         border-right: 1px solid #FFFFFF;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #FFFFFF;
         height: 120px;
        padding: 2px 2px 2px 0px;
        margin: 0;
         font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
        text-decoration: none !important;
         }
#teaser0 a:hover {
        background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat bottom right;
         border: 1px solid #C0C0C0;
         color: #000000;
         }
#teaser0 img {
         float: left;
         border: 1px solid #000000;
         margin: 4px 20px 20px 0px
         }
#teaser0 strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         }
#teaser1 {
         margin: 10px 240px 10px 0;
         padding: 0px;
         }
#teaser1 a {
        display: block;
         background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat top right;
         border-top: 1px solid #FFFFFF;
         border-right: 1px solid #FFFFFF;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #FFFFFF;
         height: 120px;
        padding: 2px 2px 2px 0px;
        margin: 0;
         font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
        text-decoration: none !important;
         }
#teaser1 a:hover {
        background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat bottom right;
         border: 1px solid #C0C0C0;
         color: #000000;
         }
#teaser1 img {
         float: left;
         border: 1px solid #000000;
         margin: 4px 20px 20px 0px
         }
#teaser1 strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         }
#teaser2 {
         margin: 10px 240px 10px 0;
         padding: 0px;
         }
#teaser2 a {
        display: block;
         background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat top right;
         border-top: 1px solid #FFFFFF;
         border-right: 1px solid #FFFFFF;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #FFFFFF;
         height: 120px;
        padding: 2px 2px 2px 0px;
        margin: 0;
         font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
        text-decoration: none !important;
         }
#teaser2 a:hover {
        background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat bottom right;
         border: 1px solid #C0C0C0;
         color: #000000;
         }
#teaser2 img {
         float: left;
         border: 1px solid #000000;
         margin: 4px 20px 20px 0px
         }
#teaser2 strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         }
#teaser3 {
         margin: 10px 240px 10px 0;
         padding: 0px;
         }
#teaser3 a {
        display: block;
         background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat top right;
         border-top: 1px solid #FFFFFF;
         border-right: 1px solid #FFFFFF;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #FFFFFF;
         height: 120px;
        padding: 2px 2px 2px 0px;
        margin: 0;
         font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
        text-decoration: none !important;
         }
#teaser3 a:hover {
        background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat bottom right;
         border: 1px solid #C0C0C0;
         color: #000000;
         }
#teaser3 img {
         float: left;
         border: 1px solid #000000;
         margin: 4px 20px 20px 0px
         }
#teaser3 strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         }
#teaser4 {
         margin: 10px 240px 10px 0;
         padding: 0px;
         }
#teaser4 a {
        display: block;
         background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat top right;
         border-top: 1px solid #FFFFFF;
         border-right: 1px solid #FFFFFF;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #FFFFFF;
         height: 120px;
        padding: 2px 2px 2px 0px;
        margin: 0;
         font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
        text-decoration: none !important;
         }
#teaser4 a:hover {
        background: #FFFFFF url('../../img/layout/bg_aktuell_hov.png') no-repeat bottom right;
         border: 1px solid #C0C0C0;
         color: #000000;
         }
#teaser4 img {
         float: left;
         border: 1px solid #000000;
         margin: 4px 20px 20px 0px
         }
#teaser4 strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000;
         }



/* ########################## F O R M U L A R E ######################### */

/* K O N T A K T  */


table.kontakt {
        width: auto;
        border-spacing: 0;
        border-collapse: collapse;
         margin: 20px 0 40px 0;
        }
table.kontakt td {
        vertical-align: top;
        }

table.formtable {
        border-collapse: collapse;
        border-spacing: 0;
        }
table.formtable td {
        padding: 2px 0 2px 0;
        vertical-align: middle;
         font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
         color: #2F2F2F;
        }
table.formtable select {
        font-size: 9pt;
        }
table.formtable input {
        border: 1px solid #bbbbbb;
        width: 180px;
        font-size: 9pt;
        padding: 2px 0 2px 0;
        background: #ffffff;
        font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
        letter-spacing: 1px;
        }

table.formtable textarea {
        overflow: auto;
         width: 410px;
         height: 242px;
         vertical-align: top;
         padding: 4px;
         border: 1px solid #bbbbbb;
         font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
        }
table.formtable input.button {
         width: 120px;
         margin: 10px 0px 0 0;
         padding: 2px;
         background: #0B499E;
         font: bold 8pt/100% Arial, Helvetica, Sans-Serif, Sans;
         color: #FFFFFF;
         border-color: #808080;
        }
span.asterix { /* Stern */
      font: bold 10pt/130% "Comic Sans MS", Arial, Tahoma, Sans;
      color: #0B499E;
      }




      form {
           margin: 0px;
           padding: 0px;

           }
      .letter {
           margin: 0px 0 0 0px;
           padding: 0px 0 0 10px;
           }
      input.searchbox {
           width: 120px;
           height: 16px;
           margin: 3px 0 0 0;
           padding: 0 2px 0 2px;
           border: solid #4F4F4F;
           border-width: 1px 0px 1px 1px;
           vertical-align: middle;
           background-color: #FFFFFF;
           font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           }
      input.searchbutton {
           width: 51px;
           height: 16px;
           margin: 3px 0px 0 0;
           border: #4F4F4F 1px solid;
           border-width: 1px 1px 1px 0px;
           vertical-align: middle;
           }
      input {
           width: 150px;
           border: 1px solid #4F4F4F;
           text-align: left;
           vertical-align: middle;
           background: #FFFFFF;
           font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #2F2F2F;
           }
      input.submit {
           width: auto;
           padding: 1px 5px;
           height: 18px;
           border: #4F4F4F solid;
           border-width: 1px;
           background: #FFFFFF;
           font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           }

      form textarea {
           font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #2F2F2F;
           margin: 0 0 0 4px;
           padding: 2px;
           width: 380px;
           height: 184px;
           border: 1px solid #4F4F4F;
           background: #FFFFFF;
           }
      input.radio {
           width: 10px;
           border: 0px #000000 solid;

           text-align: center;
           vertical-align: top;
           background: transparent;
           }

/*  A L L G E M E I N  */

/*  TABELLEN  */

                 #tab1 {
                         border-spacing: 0;
                         border-width: 0;
                         width: auto;
                         padding: 0;
                         margin: 0;
                         text-align: left;
                        }
                 #tab1 td {
                         padding: 4px 10px 10px 0px;
                         }
                 #tab1 td.headl {
                         font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
                         }


img {
      border-width: 0;
      }
img.bord {
      border: 1px solid #aaaaaa;
      }
img.floatright {
      float: right;
      margin: 4px 0 10px 20px;
      border: 1px solid #aaaaaa;
      }
img.floatleft {
      float: left;
      margin: 0px 20px 30px 0px;
      }
.cent {
      text-align: center;
        }
.right {
      text-align: right;
        }
.serviceicon {
      padding: 5px 16px 0 0px;
      margin: 0;
      }
.warning {
      font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: center;
      color: #FF0000;
        }
.thanks {
      font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: center;
      color: #0B499E;
        }
.text {
      font: normal 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: left;
      color: #000000;
        }
.justy {
      font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: justify;
      color: #000000;
        }
.bg10 {
      font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: left;

      padding: 0px;
      color: #2F2F2F;
      border: #4F4F4F solid;
           border-width: 0px;
        }

ul {
           font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #2F2F2F;
           list-style-type: square;
           list-style-position: outside;
           margin-left: 1.5em;
           margin-top: 1em;
           margin-bottom: 1em;
           padding-left: 0em;
           padding-right: 1.0em;
           vertical-align: top;
           }
ul.pakete {
           font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           list-style-image: url('../../img/layout/yes.gif');
           list-style-position: outside;
           margin-left: 1.5em;
           margin-top: 0.2em;
           padding-left: 1em;
           vertical-align: top;
           }
ul.box {
           font: normal 8pt/120% Arial, Helvetica, Sans-Serif, Sans;
           list-style-type: square;
           list-style-position: outside;
           margin-left: 0em;
           margin-top: 0em;
           margin-bottom: 1em;
           padding-left: 1.0em;
           padding-right: 1.0em;
           padding-bottom: 1.0em;
           vertical-align: top;
      }
/* ########################## SUCHERGEBNISSE ######################### */


#search_nr {
      font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: center;
      vertical-align: middle;
      padding: 4px;
      color: #4F4F4F;
      background-color: #efefef;
      border-bottom: #efefef solid;
           border-width: 1px;
      }
#search_title {
      font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: left;
      padding: 4px;
      color: #4F4F4F;
      background-color: #efefef;
      border-right: #efefef solid;
           border-width: 1px;
      }
#search_content {
      font: normal 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: left;
      padding: 4px;
      color: #4F4F4F;
      background-color: #FFFFFF;
      border-right: #efefef solid;
           border-width: 1px;
      }
#search_count {
      font: normal 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      text-align: left;
      padding: 4px;
      color: #4F4F4F;
      background-color: #FFFFFF;
      border: #efefef solid;
           border-width: 0px 1px 1px 0;
      }
#search_count a {
        font: normal 8pt Arial, Helvetica, Sans-Serif, Sans;
        text-decoration: none;
        color: #4F4F4F;
        }
#search_count a:hover {
        position: relative;
               top: 2.5px;
               left: 1.5px;
        color: #000000;
        background: #FFFFFF;
        }



/* ########################## Text Formatierungen ######################### */
h1 {

      margin: 12px 0 12px 0px;
      padding: 0px 0 0px 0px;

      font: bold 14pt/140% Arial, Helvetica, Sans-Serif, Sans;

      color: #000000;
      }
h2 {
      margin: 10px 0 10px 0px;
      padding: 1px 0 1px 0px;

      font: bold 12pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #000000;
      }
h3 {
      margin: 10px 0 0px 0px;
      padding: 1px 0 1px 0px;

      font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #000000;
      }
h4 {
      margin: 0px;
      padding: 1px 0 1px 0px;

      font: bold 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #000000;
     }
h5 {
      margin: 10px 0 0px 0px;
      padding: 1px 0 4px 0px;
      border-bottom: solid #dddddd;
      border-width: 1px;
      font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #4F4F4F;
     }
h6 {
      margin: 0px 0 0px 0;
      font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
      color: #4F4F4F;
      background: #FFFFFF url('../../img/layout/bg-box-headline.jpg') top left no-repeat;
      border: solid #C0C0C0;
      border-width: 0px 0 1px 0;
      padding: 3px 0 2px 10px;
      text-align: left;
     }