/*

         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: #ffffff url('bg.jpg') bottom center no-repeat;

      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('') top left repeat-y;



                /* filter:alpha(opacity=90);

                          -moz-opacity:0.9;*/



      width: 990px;

      margin: 0px auto; /* margin: 0px 100px 0px 100px; */

      padding: 0px;

      border: solid #bdbdbd;

      border-width: 0px;

      }

#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: #ffffff url('') top left repeat-x;

      border: solid #AEAEAE;

      border-width: 0px 0 0px 0;

      height: 10px;

      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 38px 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  */

div.teaser {
         display: block;
         clear: clear;
         height: 120px;
         margin: 10px 240px 10px 0;
         padding: 0px;
         }

div.teaser img {
         float: left;
         border: 1px solid #cccccc;
         margin: 4px 20px 20px 0px
         }

div.teaser strong {
         font: bold 9pt/170% Arial, Helvetica, Sans-Serif, Sans;
         color: #000000 !important;
         }





/* ########################## 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;

     }