html { height: 100.5%;
      font-size: 62.5%}



body {
background-color: #034569;
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#04376C;
padding:0px;
margin:0px;
}
/*---im formuar --*/
.bar {
        border-bottom: 2px solid grey;

      }
/*-- */


p {text-align: justify;}

h1 {font-size: 18px;}

a {color: #04376C;}
a:visited {color:#04376C;}
a:hover {color: #564b47;}
a:active { color:#000000;}



h2 {
font-size:14px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h3 {
     padding: 5px 10px;
     margin:0px;}
blockquote {text-align: center;}

/* ----------container zentriert das layout-------------- */
div#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #64AAD0;
}

/* ----------banner for logo-------------- */
div#banner {
background-color: #034569;
color: #9A8984;
text-align: right;
padding: 0px;
margin: 0px;
}
div#banner img {padding:10px 0px;}



div#banner p {
font-size: 11px;
text-align: right;
color: #493E3C;
text-transform:uppercase;
background-color: #086CA2;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

div#banner p img {padding: 0px 5px 0 5px;}

div#banner p a {color: #493E3C;   }

/* -----------------Inhalt--------------------- */
div#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
min-height:600px;
height:expression(this.scrollHeight > 600px ? "auto":"600px");
position: relative;
}


/*span.zurueck {position: absolute;
         bottom: 10px;
         text-align: left;
         float: left;    }*/


div#content h1 {
         color: #034569
         font-size:10px;
         font-weight: normal;
         padding: 15px 10px;
         margin:0px;
         letter-spacing: 1.5px;}





div#content img {float: right;
                 margin: 10px 10px 10px 10px;
                 border: 1px solid #333333;
                 padding: 5px;
                 background: #64AAD0; }

div#content p img {float: left;
                 margin: 10px 10px 10px 0px;
                 border: 1px solid #333333;
                 padding: 5px;
                 background: #64AAD0; }
/*div#content ul li {   list-style-type: none ;} */

p.zurueck {clear: both;
          position: relative;
          bottom: 0px;
          left: 0px;}

.index   {width: 550px;}
.index img {text-align: center;}

/*--- bilder in gallery --*/
div#content div#bilder  table {
                         margin: auto;
                         }

div#content div#bilder table tr td p {
                                 align: middle;
                                 border: 0px;
                                 padding: 0px;}





/*--- bei den Produktbildern---*/
div#trailimageid {
        font-size: 0.75em;
        position: absolute;
        visibility: hidden;
        left: 0px;
        top: 0px;
        width: 400px;
        height: 0px;
        z-index: 1000;}

/*--*/

div.butt {
         position: relative;
        z-index: 1;}

div.butt ul {float: right;
        list-style-type: none ;
        }

div.butt ul li {
        list-style-type:none;
        float: right;
        display:inline;
        width:50px;
        margin-right:15px;
                }


div#mediaplayer object {
         float: right;
         margin: 0px 10px 10px 10px;
         /*border: 1px solid #333333;*/
         padding: 5px;
         /*background: #64AAD0;*/
         position: relative;
         z-index: 100;}


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

label {
   display: block;
   width: 200px;
   float: left;
 }
input {
   margin-bottom: 5px;
 }

fieldset {
   border: 1px solid #666;
   margin: 7px 0;
 }
legend, label {
   font-weight: bold;
 }

select {width: 350px;}

div#kontakt {
         width: 480px;
         background-color: #C5E9FC;
         border: 1px  solid #564b47;
         padding: 10px;
         margin: 20px 50px 0px 50px;
         line-height: 20px;
                 }

/*--*/
p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
div#left {
        float: left;
        width: 200px;
        margin: 0;
        padding:15px 0 0 10px;
        color:#ffffff;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
}
div#left ul{
        list-style-type: none ;
        padding: 0 0 0 25px;
        margin: 0;
}
div#left ul.borderbottom{
        border-bottom:0px solid #ffffff;
        padding: 0 0 10px 25px;
}

div#left li a {
        font-size: 1.3em;
        text-decoration:none;
}
div#left  li li a { font-size: 1em; }
div#left li{
        margin: 0;
        padding: 0 0 4px 0;
}
div#left li li{
        margin: 0;
        padding: 0 0 3px 0;
}
div#left li a.selected {
         padding-left: 10px;
         margin-left: -20px;
       /* margin: 0;
        padding:0px 0 0 0px;*/
        color:#ffffff;
}

div#left li li a.selected {
        margin: 0;
        padding: 0;
}


/* -----------footer--------------------------- */
div#footer p{
clear: both;
margin: 0px;
padding: 10px;
text-align: right; }