/*  by Thomas Hildmann | www.media3D.de
--------------------------------------------------------------------------------------------*/


/* Globale HEX / RGB Farbwerte 
--------------------------------------------------------------------------------------------
 #35A3AE WENZEL Grün                                              ( RGB  53,163,174 )
 #ABABAB Mittleres Grau  z.B. für Boxrahmen                       ( RGB 171,171,171 )
 #7F7F7F Dunkleres Grau  z.B. Footer Print Buttons 50%schwarz     ( RGB 127,127,127 )
 #F09100 Dunkel Orange   z.B. für Hover Link                      ( RGB 240,145,0   )
--------------------------------------------------------------------------------------------*/


/* Masterlayout
--------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }

body {
 background: #fff url('http://web59.server.dieagentur.de/02_bilder/templates_layout/wpbogen.jpg') no-repeat 0 60px;
 letter-spacing: 0;
 line-height: 15px;
 font-family: Tahoma, Arial, Verdana, sans-serif; 
 font-size: 0.75em;
 color: #000;
}

td {
 letter-spacing: 0;
 line-height: 15px;
 font-family: Tahoma, Arial, Verdana, sans-serif; 
 font-size: 1.00em;
 color: #000;
}


/*  Start Logo-Positionierung
--------------------------------------------------------------------------------------------*/
#wplogo {
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/wp_logo.jpg');
 position: absolute;
 left: 30px; top: 10px; width: 180px; height: 40px;
 z-index: 10;
}

#scanteclogo {
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/logoteil_scantec.jpg');
 position: absolute;
 left: 58px; top: 55px; width: 127px; height: 25px;
 z-index: 100;
}

#volumetriklogo {
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/logoteil_volumetrik.jpg');
 position: absolute;
 left: 42px; top: 51px; width: 156px; height: 40px;
 z-index: 100;
}
/*  Ende Logo-Positionierung
--------------------------------------------------------------------------------------------*/

#hauptbereich { 
 position: absolute;
 left:0px; top:170px; 
 float: left;
 margin: 0 auto;
 width: 810px;
}
* html #hauptbereich { width: 825px }/* IE 7 */

#zwischenleiste {
 float: left;
 width: 790px;
 padding: 10px;
 border: 0px;
 margin: 0px 0px 5px 0px;
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_layout_zwischenleiste.jpg');
}
* html #zwischenleiste { width: 810px;}/* IE 7 */

#widescreen {
 float: left;
 width: 790px;
 padding: 16px 10px 10px 10px;
 border: 0px;
 margin: 0px 0px 5px 0px;
 background-color: #e6e6e6;
 background: #e6e6e6 url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_layout_content_kopfleiste.gif') repeat-x;
}
* html #widescreen { width: 810px; }

#vmenue { 
 border: 0px;
 background: #e6e6e6 url('http://web59.server.dieagentur.de/02_bilder/templates_layout/ecke-u-r.gif') no-repeat right bottom;
 margin: 0px 5px 0px 0px;
 padding: 0px;
 _height: 310px;/* IE 6 */
 min-height: 330px;
 width: 200px;
 float: left;
}
* html #vmenue {width: 200px; }/* IE 7 */

#content-kopfleiste { 
 background: #e6e6e6 url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_layout_content_kopfleiste.gif');
 float: right;
 border: 0px;
 margin: 0px;
 padding: 0px;
 height: 14px;
 width: 605px;/*20px größer*/
 display: inline;
}
* html #content-kopfleiste {width: 605px; height: 0px; margin-right: 15px; }/* IE 7 */

#content { 
 float: left;
 border: 0px;
 background: #e6e6e6;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 min-height: 310px;
 _height: 330px;/* IE 6 */
 width: 585px;
 display: inline;
}
* html #content {width: 605px }/* IE 7 */

#content-icons { 
 background: #e6e6e6;
 float: right;
 margin: 0px;
 padding: 0px 10px 0px 0px;
 height: 22px;
 width: 595px;
 display: inline;
}
* html #content-icons {width: 605; margin-right: 15px }/* IE */

#content-footer { 
 float: right;
 color: #333;
 border: 0px;
 background: #fff url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_content_bottom.jpg');
 margin: 0px;
 padding: 0px;
 height: 10px;
 width: 605px;
 display: inline;
}
* html #content-footer {width: 605px; margin-right: 15px; }/* IE 7 */


/* Adresszeile Block ------------------------------------------- */
#footer { 
 width: 800px;
 height: 30px;
 clear: both;
 color: #333;
 border: 0px;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 5px;
}
* html #footer {width: 810px; height:40px }/* IE 7 */

#footer-links { 
 float: left;
 width: 180px;
 height: auto;
 border: 0px;
 background: #fff;
 margin: 0px;
 padding: 0px;
}
* html #footer-links {width: 180px }/* IE 7 */

#footer-rechts { 
 float: right;
 width: 600px;
 height: auto;
 border: 0px;
 background: #fff;
 margin: 0px;
 padding: 0px;
}
* html #footer-rechts {width: 600px }/* IE 7 */
/* Ende Block ------------------------------------------- */



/* Kontakt & Newsbereich Banner
--------------------------------------------------------------------------------------------*/
#kn-rahmen { 
 position:absolute;
 left: 815px; top: 120px; width: 200px; height: auto;
 border: 0px solid red;
 padding: 0;
}

#kontaktbox { 
 border: 0px;
 background: #e6e6e6;
 width: 180px;
 height: 220px;
 padding: 10px;
 margin: 0px 0px 5px 0px;
}
* html #kontaktbox { width: 200px }/* IE 7 */
#kontaktbox img { position:absolute; }
#kontaktbox img.eck1 { top:0; left:0; }
#kontaktbox img.eck2 { top:0; right:0; }
#kontaktbox img.eck3 { bottom:0; left:0; }
#kontaktbox img.eck4 { bottom:0; right:0; }

#newsbox { 
 border: none;
 background: #e6e6e6;
 width: 180px;
 height: auto;
 padding: 10px;
}
* html #newsbox { width: 200px; }/* IE 7 */
#newsbox img { position:absolute; } 
#newsbox img.eck1 { top:0; left:0; }
#newsbox img.eck2 { top:0; right:0; }
#newsbox img.fuss1 { bottom:0; left:0; margin:0px }


#news-trenner {
border-top:0px solid;
border-right:0px solid;
border-bottom:1px solid;
border-left:0px solid;
border-color:#c0c0c0
}


/* Absatz & Schriftformatierungen
--------------------------------------------------------------------------------------------*/
hr {
 border: 1px solid #c3c3c3; 
 width: 100%;
 margin: 10px 0px 0px 0px;
}

*html hr {
 border: 1px solid #c3c3c3; 
 width: 100%;
 margin: 0px 0px 0px 0px;
}

.ueberschrift {
 font: 1.5em/1 tahoma, arial, sans-serif;
 padding: 5px 0px;
 color: #35A3AE;
}

.kleinschrift {
 font: x-small tahoma, arial, sans-serif;
 padding: 0;
 color: #808080;
}

#content p {
 color: #4F4F4F;
 margin: 0;
 font-size: 12px;
 line-height: 140%;
 font-weight: normal;
}

#content h1 {
 color: #35A3AE;
 font-size: 18px;
 font-weight: lighter;
}

#content h2 {
 color: #35A3AE;
 font-size: 15px;
}

.gruen  {color: #35A3AE }
.grau   {color: #7F7F7F }
.graukursiv   {font-style: italic; color: #7F7F7F }
.dgrau  {color: #8F8F8F }
.orange {color: #F09100 }

ul {
 list-style-image: url(http://web59.server.dieagentur.de/02_bilder/templates_layout/list_quad_ff.gif);
 margin: 0px 0px 0px 15px; 
}

*html ul {
 list-style-image: url(http://web59.server.dieagentur.de/02_bilder/templates_layout/list_quad_ie.gif);
}

a.uni:link    {color:#35A3AE;text-decoration:none}
a.uni:visited {color:#35A3AE;text-decoration:none}
a.uni:hover   {color:#F09100;text-decoration:none}
a.uni:active  {color:#35A3AE;text-decoration:none}





/* Newsbereich
--------------------------------------------------------------------------------------------*/
#newsliste {
 border:0px solid red;
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_list.jpg');
}

/* Produkte
--------------------------------------------------------------------------------------------*/
#produktliste {
 border:0px solid red;
 background: url('http://web59.server.dieagentur.de/02_bilder/templates_layout/bg_list.jpg');
}



 
/* Suchfeld
--------------------------------------------------------------------------------------------*/
#globalsuchfeld {
 float: right; 
 width: 218px;
 height: 18px;
}

.globalsuche {
 width: 188px;
 float: left;
 background-color: #EFEFEF;
 border: 0px;
 margin: none;
 height: 14px;
 font-size: 11px;
 color: #808080;
 padding: 2px 2px 2px 10px;
}
  
.sendelupe {
 float: right;
 height: 18px;
 width: 18px;
 font-family: Verdana,sans;
 font-size: 11px;
 color: #FFFFFF;
 background-color: #6AB1F1;
 border: 0px;
 background-image: url(http://web59.server.dieagentur.de/02_bilder/templates_layout/suchelupe.jpg);
 cursor: pointer;
}

#selectfeld { /* Selectfelder */
 font-family: Tahoma, Arial, Verdana, sans;
 font-size: 12px;
 color: #35A3AE;
 background-color: #efefef;
}
.select01 {
  color: #000;
}


/* Workaround für Bug im Firefox bei input hidden Feldern
----------------------------------------------------------------*/
input[type=hidden] {
 display: none !important;
 }