/* Style-Sheet f?r: Grip GmbH */

body { background-color: #FFFFFF; margin: 0px; padding: 0px }

a:link    { color: #464e6f; text-decoration: none; border-bottom: 1px solid #666e8f }
a:visited { color: #464e6f; text-decoration: none; border-bottom: 1px solid #666e8f }
a:hover   { color: #a75f58; text-decoration: none; border-bottom: 1px solid #a75f58 }
a:active  { color: #a75f58; text-decoration: none; border-bottom: 1px solid #a75f58 }

/* Workaround f?r Opera zur Verhinderung von MouseOnOver-Effekten bei Grafiken mit <a href=...> */

.nohgr a         { background-color: transparent; border-bottom: none }
.nohgr a:visited { background-color: transparent; border-bottom: none }
.nohgr a:hover   { background-color: transparent; border-bottom: none }
.nohgr a:active  { background-color: transparent; border-bottom: none }

/* Menue links, 1. Ebene */

.menu            { color: #131b35; background-image: url(../images/menu/m1_aktiv.gif); font-size: 12px; font-family: verdana, arial, helvetica; font-weight: normal; text-decoration: none; text-align: left; margin-bottom: 6px; border-bottom: none }
.menu a:link     { color: #535B85; background-image: url(../images/menu/m1_link.gif); text-decoration: none; font-weight: normal; border-bottom: none }
.menu a:visited  { color: #535B85; background-image: url(../images/menu/m1_link.gif); text-decoration: none; font-weight: normal; border-bottom: none }
.menu a:hover    { color: #333b55; background-image: url(../images/menu/m1_hover.gif); text-decoration: none; font-weight: normal; border-bottom: none }

/* Menue links, 2. Ebene */

.menu2           { color: #131b35; background-image: url(../images/menu/m2_aktiv.gif); font-size: 11px; font-family: verdana, arial, helvetica; font-weight: normal; text-decoration: none; text-align: left; margin-bottom: 1px;  border-bottom: none }
.menu2 a:link    { color: #535B85; background-image: url(../images/menu/m2_link.gif); text-decoration: none; font-weight: normal; border-bottom: none }
.menu2 a:visited { color: #535B85; background-image: url(../images/menu/m2_link.gif); text-decoration: none; font-weight: normal; border-bottom: none }
.menu2 a:hover   { color: #333b55; background-image: url(../images/menu/m2_hover.gif); text-decoration: none; font-weight: normal; border-bottom: none }

/*
	N E U E   S T R U K T U R
*/

/* Menue links, 1. Ebene */

.menu_n            { color: #000000; font-size: 11px; font-family: verdana, arial, helvetica; font-weight: bold; text-decoration: none; text-align: left; margin-bottom: 1px; padding-left: 0px; padding-bottom: 2px; border-bottom: solid 1px #bac3d4 }
.menu_n a:link     { color: #535b85; text-decoration: none; font-weight: bold; border-bottom: none }
.menu_n a:visited  { color: #535b85; text-decoration: none; font-weight: bold; border-bottom: none }
.menu_n a:hover    { color: #a75f58; text-decoration: none; font-weight: bold; border-bottom: none }

/* Menue links, 2. Ebene */

.menu_n2           { color: #000000; font-size: 11px; font-family: verdana, arial, helvetica; font-weight: normal; text-decoration: none; text-align: left; margin-bottom: 0px; padding-left: 0px; border-bottom: none }
.menu_n2 a:link    { color: #535b85; text-decoration: none; font-weight: normal; border-bottom: none }
.menu_n2 a:visited { color: #535B85; text-decoration: none; font-weight: normal; border-bottom: none }
.menu_n2 a:hover   { color: #a75f58; text-decoration: none; font-weight: normal; border-bottom: none }

.mrahmen { background-color: #d6deef; margin: 0px 12px 0px 12px; padding: 3px 2px 5px 5px; border-top: solid 1px #bac3d4; border-left: solid 1px #bac3d4; border-bottom: solid 1px #eaf3ff; border-right: solid 1px #eaf3ff }
.mlinie  { margin: 8px 0px 6px 0px; border-bottom: solid 1px #a3abd5 }

/* ?bergeordnetes Tabellenlayout / Spalten */

.layouttabelle   { width: 848px; height: 100% }
.sp_schatten_l   { width: 4px; background-color: #ffffff }
.sp_schatten_r   { width: 4px; background-image: url(../images/basic/schatten_r4.gif) }
.sp_menue        { width: 180px; background-color: #D6DEEF }
.sp_content      { width: 480px; background-image: url(../images/basic/schatten_iv.gif);  background-repeat: repeat-y }
.sp_addon        { width: 180px; background-image: url(../images/basic/rahmen_r.gif) }

/* F?r Tabellen in der mittleren Spalte */

.tab2    { width: 440px; background-color: #FFFFFF; margin-left: 20px }
.tab2_li { width: 210px }
.tab2_mi { width: 15px }
.tab2_re { width: 215px }

.tab3    { width: 140px; margin-top: 2px; margin-left: 20px }

/* F?r Tabellen in der mittleren Spalte - Alternative: Linke Spalte breiter */

.tab4    { width: 440px; background-color: transparent; margin-left: 20px }
.tab4_li { width: 240px }
.tab4_mi { width: 15px }
.tab4_re { width: 185px }

.tab5    { width: 440px; background-color: transparent; margin-left: 20px }
.tab5_li { width: 180px }
.tab5_mi { width: 15px }
.tab5_re { width: 245px }

.tab6    { width: 240px; background-color: transparent; margin-left: 120px }
.tab6_mi { width: 240px }

.tabk    { width: 440px; background-color: transparent; margin-left: 20px; border-style: solid; border-width: 2px; border-color: #333B65 }

/* Positionierung des Logos links oben */

.logo        { background-color: #D6DEEF; margin: 0px; padding: 12px 0px 16px 20px } 

/* Kopfgrafik */

.kopf_l  { background-image: url(../images/kopf/kopf10_l.jpg); width: 480px; height: 140px }
.kopf_r  { background-image: url(../images/kopf/kopf17_r.jpg); width: 180px; height: 140px }

/* Typographie */

/* ?berschriften */

h1   { color: #333B65; font-size: 19px; font-family: verdana, arial, helvetica; font-weight: normal; line-height: 20px; text-align: left; margin: 1px 20px 12px 20px; padding-bottom: 3px }
h2   { color: #333B65; font-size: 15px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 18px; text-align: left; margin: 0px 20px 8px 0px; padding-left: 20px; padding-bottom: 2px }
h3   { color: #333B65; font-size: 12px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 15px; text-align: left; margin: 0px 20px 6px 20px }
h4   { color: #333B65; background-color: #d6deef; font-size: 11px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 15px; text-align: left; margin: 0px 20px 6px 20px; padding: 1px 0px 2px 1px }
h6   { color: #404040; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 14px; text-align: left; font-weight: normal; margin: 0px 20px 0px 20px }

.h3u { color: #333B65; font-size: 12px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 15px; text-align: left; margin: 0px 20px 6px 20px; padding-bottom: 2px; border-bottom: solid 1px #aaaaaa }

/* Abs?tze */

p      { color: #202020; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 15px; text-align: left; font-weight: normal; margin: 0px 20px 8px 20px }
.ptab  { margin: 0px 0px 6px 0px }				                /* F?r Abs?tze in Tabellen der mittleren Spalte */
.ptabueb { margin: 2px 0px 3px 0px }				            /* F?r ?berschriften in Tabellenzellen */
.ptab2 { margin: 0px }											/* F?r Text in Tabellen mit technischen Daten */
.pgrau { color: #606060; line-height: 13px }                    /* Schriftfarbe grau, Zeilenabstand geringer */
.ppdf  { color: #606060; margin-bottom: 3px }                   /* F?r PDF-Listen, Zeilenabstand noch geringer */
.pdrot { color: #875F58; line-height: 13px }					/* Schriftfarbe dunkelrot */
.pblau { color: #464e6f; line-height: 13px }					/* Schriftfarbe blau (wie 'Links' */
.klein { color: #606060; font-size: 10px; line-height: 11px }   /* Klein, grau, enger gesetzt */
.w     { color: #404040; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 13px; text-align: left; margin: -6px 20px 8px 20px }
.wtab  { color: #404040; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 10px; text-align: left; margin: -4px 0px 8px 0px }

.pkunde { line-height: 14px; margin: 0px 0px 4px 0px }	        /* F?r Tabellen mit Kundenlogo */

.kunde { color: #404040; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 14px; margin: 0px 20px 0px 20px; padding: 4px 0px 4px 6px; border: 1px solid #464e6f }

/* ?berschrift mit Hintergrundfarbe f?r die rechte Spalte */

.ueb   { color: #202020; background-color: #D6DEEF; font-weight: normal; margin-bottom: 2px; padding: 0px 0 1px 1px }

/* Listen mit blauem Quadrat */

.liste     { color: #202020; font-family: verdana, arial, helvetica; font-size: 11px; line-height: 14px; text-align: left; margin: 0px 20px 6px 20px; padding-left: 15px; list-style-image:url(../images/basic/b6x13.gif) }

.liste_num { color: #202020; font-family: verdana, arial, helvetica; font-size: 11px; line-height: 14px; text-align: left; margin: 0px 20px 6px 20px; padding-left: 20px; list-style-type: decimal }

/* Tempor?r / Nur zur Darstellung der Erl?uterungen in der Sitemap */

.ia { color: #c04000; line-height: 13px; margin-left: 44px }
.ok { color: #40a000; line-height: 13px; margin-left: 44px }
.entfernt    { color: #808080; text-decoration: line-through }
.ia_entfernt { color: #808080; line-height: 13px; text-decoration: line-through; margin-left: 44px }

/* F?r News-Artikel auf der Startseite / rechte Spalte */

.pnews { color: #202020; line-height: 13px; margin: 3px 20px 0px 20px; padding-left: 5px; border-left: 1px solid #868EAF }
.wnews { color: #404040; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 13px; text-align: left; margin: 0px 0px 5px 0px }

/* F?r die Produktseiten */

/* Hintergrund f?r den Produktnamen */

.prodback_leer { background-image: url(../images/ueb/prod_ueb_leer.gif); margin: 0px 20px 8px 20px }
.prodback_ddf  { background-image: url(../images/ueb/prod_ueb_ddf.gif); margin: 0px 20px 8px 20px }
.prodback_gh   { background-image: url(../images/ueb/prod_ueb_gh.gif); margin: 0px 20px 8px 20px }
.prodback_gi   { background-image: url(../images/ueb/prod_ueb_gi.gif); margin: 0px 20px 8px 20px }
.prodback_gp   { background-image: url(../images/ueb/prod_ueb_gp.gif); margin: 0px 20px 8px 20px }
.prodback_gz   { background-image: url(../images/ueb/prod_ueb_gz.gif); margin: 0px 20px 8px 20px }
.prodback_xg   { background-image: url(../images/ueb/prod_ueb_xg.gif); margin: 0px 20px 8px 20px }
.prodback_mek  { background-image: url(../images/ueb/prod_ueb_mek.gif); margin: 0px 20px 8px 20px }
.prodback_xek  { background-image: url(../images/ueb/prod_ueb_xek.gif); margin: 0px 20px 8px 20px }
.prodback_xmek { background-image: url(../images/ueb/prod_ueb_xmek.gif); margin: 0px 20px 8px 20px }
.prodback_mgw  { background-image: url(../images/ueb/prod_ueb_mgw.gif); margin: 0px 20px 8px 20px }
.prodback_rbe  { background-image: url(../images/ueb/prod_ueb_rbe.gif); margin: 0px 20px 8px 20px }
.prodback_swa  { background-image: url(../images/ueb/prod_ueb_swa.gif); margin: 0px 20px 8px 20px }
.prodback_sws  { background-image: url(../images/ueb/prod_ueb_sws.gif); margin: 0px 20px 8px 20px }
.prodback_vb   { background-image: url(../images/ueb/prod_ueb_vb.gif); margin: 0px 20px 8px 20px }
.prodback_es   { background-image: url(../images/ueb/prod_ueb_es.gif); margin: 0px 20px 8px 20px }

/* Produktname und -beschreibung*/

.prodname     { color: #202020; font-size: 15px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 16px; text-align: left; padding: 2px 4px 1px 4px }
.proddesc     { color: #333B65; font-size: 11px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 13px; text-align: left; padding: 0px 4px 4px 4px }

/* Absatzabst?nde */

.abst_1 { margin-top: 5px }
.abst_2 { margin-top: 10px }
.abst_3 { margin-top: 15px }
.abst_4 { margin-top: 20px }
.abst_5 { margin-top: 25px }
.abst_6 { margin-top: 31px }

/* Sonstiges */

/* Test: Rahmen f?r PDF-Downloads */

.rpdf { color: #606060; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 13px; text-align: left; font-weight: normal; margin: 3px 20px 4px 20px; padding: 3px 4px 5px 4px; border: solid 1px #bac3d4 }

/* Formatierung des "Suchen"-Feldes */

.formular    { color: #404040; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 12px; text-align: left; font-weight: normal }

/*Weitere Formularfelddefinition, mehr so zum Vergleich*/

.feld { background-color: #F0F4FD; border: 1px solid #000000; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 12px; text-align: left; font-weight: normal }
.legende { color: #202020; font-size: 11px; font-family: verdana, arial, helvetica; text-align: left; font-weight: bold }

/* All the rest ... ggf. ?berfl?ssig */

.trennstrich { color: #535B85 }

/* Klassen f?r die Ergebnisseite der Suchmaschine */

.searchheading { color: #000000; background-color: #D6DEEF; font-size: 15px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 18px; text-align: left; margin: 0px 20px 8px 20px; padding-bottom: 4px }
.summary       { color: #202020; background-color: #EAEFF8; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 14px; margin-bottom: 6px } 
.results       { color: #202020; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 14px; margin: 0px 20px 12px 20px }
.result_title  { color: #875F58; font-size: 12px; font-family: verdana, arial, helvetica; font-weight: bold; line-height: 15px; margin-bottom: 4px }
.description   { color: #606060; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 13px; margin-bottom: 2px; padding-left: 18px }
.context       { color: #202020; font-size: 11px; font-family: verdana, arial, helvetica; line-height: 13px; margin-bottom: 2px; padding-left: 18px }
.highlight     { font-weight: bold }
.infoline      { color: #606060; font-size: 10px; font-family: arial, helvetica; line-height: 11px; padding-left: 18px }

/* Vorerst unbenutzt ...
 line-height: 18px; text-align: left; margin: 0px 20px 8px 0px; padding-left: 20px; padding-bottom: 2px }
.category { color: #000055; }
.sorting { text-align: right; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button {  }
input.zoom_searchbox {  }		
*/