html { height:100%; overflow-y:hidden; }
body { margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; padding:0px; border:0px; overflow-y:hidden; width:1020px; height:100%; max-height:100%; text-align:center; background-color:#DDDDDD; }
#wrapper { width:1020px; height:100%; margin:auto; text-align:left; font-family:Arial,Helvetica,sans-serif; background-color:#FFFFFF; }
#idg_header { position:absolute; top:0px; width:1020px; height:100px; overflow:hidden; background-image:url(/images/header_bg.jpg); background-position:top center; background-repeat:repeat-x; z-index:99; }
#idg_content { position:absolute; top:100px; bottom:35px; width:1020px; margin:auto; overflow-x:hidden; overflow-y:auto; background-image:url(/images/white_dotted_shop.gif); background-repeat:repeat-y; background-color:#FFFFFF; overflow-y:auto; z-index:2; }
#idg_footer { position:absolute; bottom:0px; width:1020px; height:35px; overflow:hidden; background-color:#DDDDDD; background-image:url(/images/footer_bg.jpg); background-repeat:repeat-x; background-position:bottom center; z-index:99; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
AUFZAEHLUNGEN
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
ul { margin-left:18px; margin-top:3px; }
li { margin-top:3px; list-style-image:url(../images/dot_win_ie.gif); list-style-position:outside; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.text { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:14px;}
.text a:link { text-decoration:none; color:#FF0000; }
.text a:visited { text-decoration:none; color:#FF0000; }
.text a:active { text-decoration:none; color:#FF0000; }
.text a:hover { text-decoration:none; color:#FF0000; }
.textsmall { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#333333; line-height:14px;}
.textsmall a:link { text-decoration:none; color:#FF0000; }
.textsmall a:visited { text-decoration:none; color:#FF0000; }
.textsmall a:active { text-decoration:none; color:#FF0000; }
.textsmall a:hover { text-decoration:underline; color:#FF0000; }
.textbold { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#333333; line-height:13px;}
.textbold a:link {text-decoration:none; color:#FF0000; }
.textbold a:visited {text-decoration:none; color:#FF0000; }
.textbold a:active {text-decoration:none; color:#FF0000; }
.textbold a:hover {text-decoration:underline; color:#FF0000; }
.titel { font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#606060; font-weight:bold; }
.titelweiss { font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#FFFFFF; font-weight:bold; }
.titelhome { font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; line-height:17px; font-weight:normal; color:#83969D;}
.err { font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; line-height:17px; font-weight:bold; color:#FF0000;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
NAVIGATION (nav1 = Hauptnavigation oben und Navigation links)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav1 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#333333; line-height:14px; }
.nav1 a:link { text-decoration:none; color:#333333; }
.nav1 a:visited { text-decoration:none; color:#333333; }
.nav1 a:active { text-decoration:none; color:#333333; }
.nav1 a:hover { text-decoration:none; color:#FF0000; }
.nav1aktiv { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#FF0000; line-height:14px; }
.nav1aktiv a:link { text-decoration:none; color:#FF0000; }
.nav1aktiv a:visited { text-decoration:none; color:#FF0000; }
.nav1aktiv a:active { text-decoration:none; color:#FF0000; }
.nav1aktiv a:hover { text-decoration:none; color:#FF0000; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
SUBNAVIGATION
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav2 { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#333333; line-height:13px;}
.nav2 a:link { text-decoration:none; color:#333333; }
.nav2 a:visited { text-decoration:none; color:#333333; }
.nav2 a:active { text-decoration:none; color:#333333; }
.nav2 a:hover { text-decoration:none; color:#FF0000; }
.nav2aktiv { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FF0000; line-height:13px; }
.nav2aktiv a:link { text-decoration:none; color:#FF0000; }
.nav2aktiv a:visited { text-decoration:none; color:#FF0000; }
.nav2aktiv a:active { text-decoration:none; color:#FF0000; }
.nav2aktiv a:hover { text-decoration:none; color:#FF0000; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
META-NAVIGATION
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.metanav { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#487084; line-height:11px; }
.metanav a:link { text-decoration:none; color:#487084; }
.metanav a:visited { text-decoration:none; color:#487084; }
.metanav a:active { text-decoration:none; color:#487084; }
.metanav a:hover { text-decoration:none; color:#FFFFFF; }
.metanavaktiv { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF; line-height:10px; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
TABELLEN-KOPF
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.tablehead { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; }
.tablehead a:link { text-decoration:none; color:#FF0000; }
.tablehead a:visited { text-decoration:none; color:#FF0000; }
.tablehead a:active { text-decoration:none; color:#FF0000; }
.tablehead a:hover { text-decoration:none; color:#FF0000; }
.tableheader { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; background-color:#E0E0E0; }
.tableheader a:link { text-decoration:none; color:#FF0000; }
.tableheader a:visited { text-decoration:none; color:#FF0000; }
.tableheader a:active { text-decoration:none; color:#FF0000; }
.tableheader a:hover { text-decoration:none; color:#FF0000; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
PFAD WARENKORB
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.pfad { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#ADC1C9; }
.pfad a:link { text-decoration:none; color:#073747; }
.pfad a:visited { text-decoration:none; color:#073747; }
.pfad a:active { text-decoration:none; color:#073747; }
.pfad a:hover { text-decoration:underline; color:#91ABB8; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
GRAUE BOXEN
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.boxkontakt { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#29576F; line-height:13px; }
.boxkontakt a:link { color:#29576F; }
.boxkontakt a:visited { color:#29576F; }
.boxkontakt a:active { color:#29576F; }
.boxkontakt a:hover { color:#29576F; }
.box { font-family:Arial,Helvetica, sans-serif; font-size:10px; color:#29576F; line-height:13px; }
.box a:link { text-decoration:none; color:#FFFFFF; }
.box a:visited { text-decoration:none; color:#FFFFFF; }
.box a:active { text-decoration:none; color:#FFFFFF; }
.box a:hover { text-decoration:none; color:#FFFFFF; }
.boxlink { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica, sans-serif; font-size:11px; color:#29576F; line-height:13px; }
.boxlink a:link { text-decoration:none; color:#29576F; }
.boxlink a:visited { text-decoration:none; color:#29576F; }
.boxlink a:active { text-decoration:none; color:#29576F; }
.boxlink a:hover { text-decoration:underline; color:#29576F; }
.boxblue { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; }
.boxblue a:link { text-decoration:none; color:#333333; }
.boxblue a:visited { text-decoration:none; color:#333333; }
.boxblue a:active { text-decoration:none; color:#333333; }
.boxblue a:hover { text-decoration:none; color:#333333; }
.boxred { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; }
.boxred a:link { text-decoration:none; color:#333333; }
.boxred a:visited { text-decoration:none; color:#333333; }
.boxred a:active { text-decoration:none; color:#333333; }
.boxred a:hover { text-decoration:none; color:#FF0000; }
.boxredaktiv { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#FF0000; }
.boxredaktiv a:link { text-decoration:none; color:#FF0000; }
.boxredaktiv a:visited { text-decoration:none; color:#FF0000; }
.boxredaktiv a:active { text-decoration:none; color:#FF0000; }
.boxredaktiv a:hover { text-decoration:none; color:#FF0000; }
.boxbold { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#29576F; line-height:13px; }
.boxbold a:link { text-decoration:underline; color:#29576F; }
.boxbold a:visited { text-decoration:underline; color:#29576F; }
.boxbold a:active { text-decoration:underline; color:#29576F; }
.boxbold a:hover { text-decoration:underline; color:#29576F; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer { font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#487084; line-height:16px; }
.footer a:link {text-decoration:none; color:#487084; }
.footer a:visited {text-decoration:none; color:#487084; }
.footer a:active {text-decoration:none; color:#487084; }
.footer a:hover {text-decoration:none; color:#9FB6BE; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
FORMULARE
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.searchform { font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#487084; background-color:#FFFFFF; line-height:11px; font-size:10px; border:1px double; border-color:#FFFFFF; }
.contactform { font-family:Verdana,Arial,Helvetica,sans-serif; color:#29576F; background-color:#F6F6F6; line-height:11px; font-size:11px; border:1px double; border-color:#CED9DF; height:17px; }
.contactformred { font-family:Verdana,Arial,Helvetica,sans-serif; color:#FF0000; background-color:#F6F6F6; line-height:11px; font-size:11px; border:1px double; border-color:#FF0000; height:17px; }
.anzahlform { font-family:Verdana,Arial,Helvetica,sans-serif; color:#29576F; background-color:#F6F6F6; line-height:11px; font-size:11px; border:1px double; border-color:#CED9DF; text-align:right; height:17px; width:35px; }
.menu { font-family:Verdana,Arial,Helvetica,sans-serif; color:#FF0000; background-color:#F6F6F6; font-size:11px; line-height:11px; }
input.licpreisfeld { width:150px; text-align:right; border:0px; font-size:13px; font-weight:normal; }
input.licpreisfeldb { width:150px; text-align:right; border:0px; font-size:13px; font-weight:bold; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
TEMP -- TEMPORÄRE FORMATIERUNG
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.temp1 { font-family:Arial,Helvetica,sans-serif; font-size:10pt; font-weight:bold; color:#FF0000; margin:5px 0px 0px 0px; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------
SAFERPAY DEFINITIONS
----------------------------------------------------------------------------------------------------------------------------------------------------*/
a.saferpay,a.saferpay:visited,a.saferpay:active { text-decoration:underline; color:#446597; font-weight:bold; } /* No underline, text-darkblue */
a.saferpay:hover { text-decoration:underline; color:#FF8624 } /* No underline, orange */
div.amount { font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px; color:#446597; border:1px; border-style:solid; border-color:#446597; border-width:1px; width:150px; margin:20px 0px 0px 50px; padding:2px; text-align:center; }
/* -----------------------------------------------
Drag-and-Drop Selectors NPK-Online
------------------------------------------------*/
select.ddlist3 { width:235px; font-family:Arial,Helvetica,sans-serif; font-size:10px; border:solid 1px #808080; }
select.ddlist2 { width:352px; font-family:Arial,Helvetica,sans-serif; font-size:10px; border:solid 1px #808080; }
div.crblist3 { width:235px; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; white-space:nowrap; line-height:15px; }
div.crblist2 { width:352px; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; white-space:nowrap; line-height:15px; }
div.crblistspc { float:left; width:1px; height:1px; }
div.crbmover { width:40px; float:left; padding-top:100px; text-align:center; }
#dragbox { position:absolute; top:0px; left:0px; min-width:250px; max-width:500px; height:14px; font-family:Arial,Helvetica,sans-serif; font-size:10px; background-color:#00FFFF; color:#000000; border:dotted 1px #000000; visibility:hidden; overflow:hidden; white-space:nowrap; cursor:pointer; z-index:99; }
option.lightblue { background-color:#F0F0FF; color:#000000; }
option.lightgreen { background-color:#E0FFE0; color:#000000; }
option.lightyellow { background-color:#FFFFC0; color:#000000; }
option.lightcyan { background-color:#C0FFFF; color:#000000; }
.inverse { background-color:#808080; color:#FFFFFF; font-size:12px; font-weight:bold; }
input.ddbutton { width:38px; height:22px; background-image:url('/shop/img/ddbutton0.gif'); }
input.ddbutton:hover { width:38px; height:22px; background-image:url('/shop/img/ddbutton1.gif'); }