/* Stylesheet: http://rs-steiner.com
 * Copyright Fabian Steiner
 * mailto:info@rs-steiner.com
 * last modified: 10/03/2009 */

body {
    margin: 0;
    padding: 0; 
    background: #ffffff;
    font-family: Arial, Verdana, sans-serif;
}

h1{
  font-family:Arial;
  font-size:16pt;
  font-weight:bold;
  }
h2{
  font-family:Arial;
  font-size:15pt;
  font-weight:bold;
  }
h3{
  font-family:Arial;
  font-size:14pt;
  font-weight:bold;
  }
h4{
  font-family:Arial;
  font-size:12pt;
  font-weight:bold;
  }
p{
  font-family: Arial;
  font-size: 12pt;
  text-align: justify;
  }
td, tr{
       font-family: Arial;
       font-size:12pt;
       }
img{
    border:none;
	vertical-align: middle;
    }

dt {
     font-weight: bold;
     margin-top: .25em;
}

p#toggler {
           clear: left;
		   width: 100%;
		   height: 1.3em;
}

ul.listing {
			list-style-image: url(../img/icons/list-item1.png);
}

ul.listing li {
				margin-top: 0.5em;
}


.techdata {
		  border-collapse: collapse;
          margin-top: 1em;
}

.techdata td {
			 border: 1px solid;
			 text-align: left;
			 }
			 
.techdata .desc {
				background-color: #4d4d4f;
				color: white;
}

.productlisting {
                 border-collapse: collapse; 
                 margin: 1em auto 2em auto;
                 text-align: center;
}

.productlisting th {
                     border: 2px solid black;
                     padding: .5em;
}

.productlisting td {
                     text-align: right;
                     padding: .5em;
                     border: 1px solid;
}

.productlisting td.left {
                     text-align: left;
}

.productlisting td.center {
                     text-align: center;
}

h2.h1annotation {
                  margin-left: 1.5em;
                  font-style: italic;
                  font-size: 0.9em;
}

a:link{
       font-family:Arial;
       font-size:11pt;
       color:#0C31E0;
       font-weight:bold;
       }
a:visited{
          font-family:Arial;
          font-size:11pt;
          color:#0C31E0;
          font-weight:bold;
          }
a:hover{
         font-family:Arial;
         font-size:11pt;
         color:white;
         background-color:#0C31E0;
         text-decoration:none;
         }
#header{margin:0 0 1.5em 0;padding:0;background:#0C31E0;}
#header p.img{border:1px solid #0C31E0;font-size:2em;float:left;width:70%;margin:0;padding:0px 0px 3px 0;font-family:Arial;color:#ffffff;background:#0C31E0;}
#header p.formular{text-align:right;vertical-align:center;margin:0;padding:0;background:#0C31E0;border:1px solid #0C31E0}
#header form{text-align:right}

#menu {
    float: left;
    width: 12em;
    background: #B3B3C1;
    margin: 0;
    padding: 0;
}


#content {
         margin:0 0 0 14em;
         border:1px dashed #B0B0B0;
         border-left:4px solid #B0B0B0;
         font-family:Arial;
         font-size:12pt;
         color:black;
         padding:30px 10px 30px 10px;
         height:100%;
         line-height:1.1em;
}

#content td h2 {
         margin: 0;
         padding: 0;
}

#content td a:hover img {
         background-color: white;
}

#header p.zeit{
             clear:left;
             background:#B5B5C4;
             color:#ffffff;
             margin:0;
             padding:1px 4px 1px 1px;
             font-family:Arial;
             font-size:13pt;
             border-top:2px solid #616178;
             border-bottom:2px solid #616178;
             text-align:right;
             }
#header input{
             border:1px solid black;
             }

#menu ul{
        list-style-type:none;
        margin:0;
        padding:0;
        border:2px solid #616178;
        }
#menu li {
         padding:4px 3px 2px 4px;
         padding-left:5px;
         display:block;
         }
#menu a{
       display:block;
       color:#0C31E0;
       font-family:Arial;
       font-size:12pt;
       padding:5px 3px 5px 4px;
       border-top:1px solid white;
       border-right:1px solid #666666;
       border-bottom:1px solid #666666;
       border-left:1px solid white;
       }
#menu a:hover{
              display:block;
              color:white;
              background-color:#0C31E0;
              font-family:Arial;
              text-decoration:none;
              border-top:1px solid #666666;/*#4E4E4E*/
              border-right:1px solid white;/*#B6B6B6*/
              border-bottom:1px solid white;
              border-left:1px solid #666666;
              }
#menu a.active{
       display:block;
       color:white;
       background-color:#0C31E0;
       font-family:Arial;
       text-decoration:none;
       border-top:1px solid #666666;
       border-right:1px solid white;
       border-bottom:1px solid white;
       border-left:1px solid #666666;
       }
#footer{
        width:550px;
        border:1px solid black;
        margin:auto;
}
#footer img{
            float:left;
            width:52px;
            height:52px;
            margin-top:4px;
            margin-left:4px;
}
#footer p{
          margin:4px 0 4px 60px;
          font-size:10pt;
}

#footer p strong{
                 font-size:12pt;
                 font-weight:bold;
}
table#moreInfo {
                 width: 600px;
                 margin-top: 1em;
                 clear: left;
				 margin: auto;
                 border-collapse: collapse;
}
table#moreInfo img {
                  vertical-align: middle;
}

table#moreInfo td {
                    padding: .5em;
                    text-align: center;
                    border: 1px solid black;
}

div.news {
           margin: 10px;
           border: 1px solid black;
           background-color: white;
}

div.news h2 {
              margin-left: 5px;
}

p.annotation {
               padding: 4px 5px;
               text-align: right;
               background-color: #E3E3E3;
               color: #0C31E0;
               font-size: .8em;
} 

p.newsentry {
         padding: 5px;
}

.error {
         border: 1px dashed red;
         color: red;
         padding: 0 .5em;
         margin: 1.5em 0;
}