body        { font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#000000; }

div.idglogo { position:absolute; left:15px; top:10px; width:56px;  height:64px; background-image:url(/images/idg_logo.png); background-repeat:no-repeat; background-position:top left; }
div.idgtext { position:absolute; left:70px; top:10px; width:168px; height:64px; background-image:url(/images/idg_text.png); background-repeat:no-repeat; background-position:top left; }
div.aanlogo { position:absolute; right:3px; top:16px; width:155px; height:50px; background-image:url(/images/aare-net_logo.png); background-repeat:no-repeat; background-position:top left; }

.floattext  { font-size:13px; line-height:130%; }
div.htags   { position:absolute; left:0px; top:-200px; width:100%; height:100px; }

div.sitemapblock { float:left; width:230px; min-height:200px; }
div.onlinegame   { float:left; width:320px; height:330px; text-align:center; }

div.bgimg   { position:absolute; bottom:0px; height:400px; width:50%; background:url(/images/image_left.jpg) repeat-x; z-index:1; }
div.bgimg#l { left:0px;  background-position:bottom left; }
div.bgimg#r { right:0px; background-position:bottom right; }

div.mainnavcorner    { position:absolute; bottom:0px; width:5px; height:30px; background-image:url(/images/navbar_corners.png); background-repeat:no-repeat; }
div.mainnavcorner#topl { left:0px;  background-position:top left; }
div.mainnavcorner#topr { right:0px; background-position:top right; }
div.mainnavcorner#botl { left:0px;  background-position:bottom left; }
div.mainnavcorner#botr { right:0px; background-position:bottom right; }

div.subnavpri { width:158px; margin:0px; padding:3px 0px 2px 10px; vertical-align:middle; }
div.subnavpri:hover { background-image:url(/images/hover_bg.png); }
div.subnavsec { width:150px; margin:0px; padding:2px 0px 2px 20px; vertical-align:middle; }
div.subnavsec:hover { background-image:url(/images/hover_bg.png); }
div.subnavter { width:140px; margin:0px; padding:1px 0px 2px 30px; vertical-align:middle; }
div.subnavter:hover { background-image:url(/images/hover_bg.png); }

div.shopnav1 { width:185px; margin:0px; padding:2px 0px 1px 10px; vertical-align:middle; }
div.shopnav1:hover { background-image:url(/images/hover_bg.png); }
div.shopnav2 { width:180px; margin:0px; padding:1px 0px 1px 15px; vertical-align:middle; }
div.shopnav2:hover { background-image:url(/images/hover_bg.png); }
div.shopnav3 { width:175px; margin:0px; padding:0px 0px 1px 20px; vertical-align:middle; }
div.shopnav3:hover { background-image:url(/images/hover_bg.png); }
div.shopnav4 { width:170px; margin:0px; padding:0px 0px 1px 25px; vertical-align:middle; }
div.shopnav4:hover { background-image:url(/images/hover_bg.png); }
div.shopnav5 { width:165px; margin:0px; padding:0px 0px 1px 30px; vertical-align:middle; }
div.shopnav5:hover { background-image:url(/images/hover_bg.png); }
div.shopnav6 { width:160px; margin:0px; padding:0px 0px 1px 35px; vertical-align:middle; }
div.shopnav6:hover { background-image:url(/images/hover_bg.png); }
div.shopnav7 { width:155px; margin:0px; padding:0px 0px 1px 40px; vertical-align:middle; }
div.shopnav7:hover { background-image:url(/images/hover_bg.png); }

div.offerbox { padding:0px 10px 5px 0px; }
.shadowbox   { position:relative; background:#FFFFFF; padding:0px; display:block; -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); }

span.icwindows { background:url(/images/os_sprite.gif) no-repeat 0px -32px; padding-left:18px; height:16px; display:inline-block; }
span.iclinux   { background:url(/images/os_sprite.gif) no-repeat 0px 0px;   padding-left:18px; height:16px; display:inline-block; }
span.icmacosx  { background:url(/images/os_sprite.gif) no-repeat 0px -16px; padding-left:18px; height:16px; display:inline-block; }

a:link, a:visited, a:active { color:#FF8000; text-decoration:none; font-weight:normal; } 
a:hover     { color:#FF8000; text-decoration:underline; font-weight:normal; } 

a.ext       { background: url(/images/extlink.png) no-repeat right center; padding-right:13px; color:#FF8000; text-decoration:none; }
a.ext:link, a.ext:visited, a.ext:active { color:#FF8000; text-decoration:none; }
a.ext:hover { color:#FF8000; text-decoration:underline; }

a.up       { background: url(/images/up_link.png) no-repeat left center; padding-left:11px; color:#FF8000; text-decoration:none; font-size:11px; }
a.up:link, a.ext:visited, a.ext:active { color:#FF8000; text-decoration:none; }
a.up:hover { color:#FF8000; text-decoration:underline; }

a.nohilite { color:#000000; text-decoration:none; }

a.news   { color:#000000; font-size:9pt; text-decoration:none; }
a.news b { display:none; }
a.news:hover { color:#00286F; background-color:#E0E0E0; border:0; position:relative; z-index:500; text-decoration:none; }
a.news:hover b    { display:block; position:absolute; top:20px; left:100px; padding:5px; font-size:11px; font-weight:normal; color:#000000; border:1px solid #888888; background:#FFFFCC; width:500px; }
a.news:hover b em { position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#FFFFFF url(/images/tooltip.gif) 0 0; display:block; font-size:1px;}

span.mainmenu_s, a.mainmenu, a.mainmenua { font-family:Tahoma,Arial,Helvetica,sans-serif; padding:0px 18px 0px 12px; font-size:12px; text-decoration:none; cursor:pointer; }
a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active { color:#FFFFFF; }
a.mainmenu:hover { color:#FEC402; }
a.mainmenua { background:url(/images/navibullet.png) no-repeat top left; }
a.mainmenua:link, a.mainmenua:visited, a.mainmenua:active { color:#FFFFFF; }
a.mainmenua:hover { color:#FEC402; }
span.mainmenu_s { color:#606080; }

p.navbar   { line-height:24px; margin:0px; border:0px; font-size:21px; padding-left:20px; padding-top:1px; }
p.navbar_s { line-height:24px; margin:0px; border:0px; font-size:21px; padding-left:19px; }


a.submenu1  { padding:0px 0px 0px 12px; font-size:13px; text-decoration:none; font-weight:normal; width:145px; display:block; }
a.submenu1:link, a.submenu1:visited, a.submenu1:active   { color:#000000; }
a.submenu1:hover  { color:#FF7222; }
a.submenu1a { padding:0px 0px 0px 12px; font-size:13px; text-decoration:none; font-weight:bold; background:url(/images/navibullet.png) no-repeat bottom left; width:145px; display:block; }
a.submenu1a:link, a.submenu1a:visited, a.submenu1a:active  { color:#000000; }
a.submenu1a:hover { color:#FF7222; }

a.submenu  { padding:0px 0px 0px 12px; font-size:12px; text-decoration:none; font-weight:normal; width:137px; display:block; }
a.submenu:link, a.submenu:visited, a.submenu:active   { color:#000000; }
a.submenu:hover  { color:#FF7222; }
a.submenua { padding:0px 0px 0px 12px; font-size:12px; text-decoration:none; font-weight:bold; background:url(/images/navibullet.png) no-repeat bottom left; width:137px; display:block; }
a.submenua:link, a.submenua:visited, a.submenua:active  { color:#000000; }
a.submenua:hover { color:#FF7222; }

a.shopmenu1  { padding:0px 0px 0px 12px; font-size:12px; text-decoration:none; font-weight:bold; width:175px; display:block; }
a.shopmenu1:link, a.shopmenu1:visited, a.shopmenu1:active   { color:#000000; }
a.shopmenu1:hover  { color:#FF7222; }
a.shopmenu1a { padding:0px 0px 0px 12px; font-size:12px; text-decoration:none; font-weight:bold; background:url(/images/navibullet.png) no-repeat bottom left; width:175px; display:block; }
a.shopmenu1a:link, a.shopmenu1a:visited, a.shopmenu1a:active  { color:#000000; }
a.shopmenu1a:hover { color:#FF7222; }

a.shopmenu  { padding:0px 0px 0px 12px; font-size:11px; text-decoration:none; font-weight:normal; width:165px; display:block; }
a.shopmenu:link, a.shopmenu:visited, a.shopmenu:active   { color:#000000; }
a.shopmenu:hover  { color:#FF7222; }
a.shopmenua { padding:0px 0px 0px 12px; font-size:11px; text-decoration:none; font-weight:bold; background:url(/images/navibullet.png) no-repeat bottom left; width:165px; display:block; }
a.shopmenua:link, a.shopmenua:visited, a.shopmenua:active  { color:#000000; }
a.shopmenua:hover { color:#FF7222; }


a.sitemap { font-size:12px; text-decoration:none; font-weight:normal; }
a.sitemap:link, a.sitemap:visited, a.sitemap:active { color:#000000; }
a.sitemap:hover { color:#FEC402; }

a.sitemapm { font-size:12px; text-decoration:none; font-weight:bold; }
a.sitemapm:link, a.sitemapm:visited, a.sitemapm:active { color:#000000; }
a.sitemapm:hover { color:#FEC402; }

span.company { color:#000080; }

.ifrmstyle  { width:100%; height:100%; border:0px; text-indent:220px; overflow-x:hidden; overflow-y:auto; }

hr { background:#808080 none repeat scroll 0%; border:0pt none; height:1px; }

ul { list-style-position:outside; list-style-type:square; margin:3px 0px 1px -20px; font-size:9pt; color:#000000; }
ol { margin-top:4px; }

h1 { font-size:11pt; color:#505050; line-height:13pt; font-weight:bold; margin:0px 0px 12px 0px; }
h2 { font-size:10pt; color:#000000; line-height:12pt; font-weight:bold; margin:1px 0px 12px 0px; }
h3 { font-size:9pt;  color:#000000; line-height:11pt; font-weight:bold; margin:1px 0px 1px 0px; }
h4 { font-size:9pt;  color:#000000; line-height:11pt; margin:0px; }
h5 { font-size:8pt;  color:#000000; line-height:10pt; margin:0px; }

.titel    { font-size:10pt; font-weight:bold; }
.warning  { font-size:9pt;  font-weight:bold;   color:#FF0000; }
.small    { font-size:11px; font-weight:normal; color:#000000; }
.smallred { font-size:11px; font-weight:normal; color:#FF0000; }
.tiny     { font-size:11px; font-weight:normal; color:#000000; }
.micro    { font-size:10px; font-weight:normal; color:#000000; }
.par      { font-size:11px; color:#002060; text-decoration:none; }


td.c     { width:16px; height:16px; vertical-align:middle; text-align:center; font-size:10px; border-color:#E0E0E0; }
div.cal_table   { width:119px; font-size:10px; border-style:solid; border-width:1px 0px 0px 1px; border-color:#E0E0E0; padding:0px; overflow:hidden; }
div.cal_table_h { border:solid 1px #E0E0E0; font-size:11px; background-color:#E0E0E0; font-weight:bold; }
div.ch  { float:left; width:16px; height:14px; text-align:center; vertical-align:middle; font-weight:bold;   border-style:solid; border-width:0px 1px 1px 0px; border-color:#E0E0E0; background-color:#F6F6F6; }
div.cn  { float:left; width:16px; height:16px; text-align:center; vertical-align:middle; font-weight:normal; border-style:solid; border-width:0px 1px 1px 0px; border-color:#E0E0E0; }
div.cs  { float:left; width:16px; height:16px; text-align:center; vertical-align:middle; font-weight:normal; border-style:solid; border-width:0px 1px 1px 0px; border-color:#E0E0E0; background-color:#E0E0E0; }
div.cl  { width:119px; clear:both; white-space:nowrap; overflow:hidden; }

table.cal  { border:solid 1px #A0A0A0; }
td.cal     { border:0px; } 
td.calhead { border-left:solid 1px #A0A0A0;  text-align:center; }

.cell_d { display:block; background-color:#FFFFFF; color:#000000; font-size:11px; font-weight:normal; height:24px;                  min-height:22px; border-top:solid 1px #A0A0A0; text-align:center; vertical-align:middle; }
.cell_e { display:block; background-color:#FFFFFF; color:#000000; font-size:11px; font-weight:normal; height:24px; min-width:100px; min-height:22px; border-top:solid 1px #A0A0A0; border-left:solid 1px #A0A0A0; padding-left:1px; overflow:hidden; cursor:pointer; }
.cell_f { display:block; background-color:#E99D9D; color:#000000; font-size:11px; line-height:100%; height:24px; min-width:100px; min-height:22px; border-top:solid 1px #A0A0A0; border-left:solid 1px #A0A0A0; padding-left:1px; overflow:hidden; cursor:pointer; }
.cell_g { display:block; background-color:#E99D9D; color:#000000; font-size:11px; line-height:100%; height:24px; min-width:100px; min-height:21px; border-top:solid 1px transparent; border-left:solid 1px #A0A0A0; padding-left:1px; overflow:hidden; cursor:pointer; }

div.shoptable      { width:690px; border:0px }
div.shoptable a    { font-size:12px; color:#000000; }
.itemlist_header       { background-color:#F0F0F0; font-size:11px; font-weight:bold; color:#000000; }
.itemlist_maingroup    { background-color:#5578E9; text-indent:5px; background-image:url(/images/shop_maingroup.jpg); background-repeat:repeat-x; }
.itemlist_maingroup h1 { font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px; }
.itemlist_itemgroup    { background-color:#E0E0E0; text-indent:5px; }
.itemlist_itemgroup h2 { font-size:12px; font-weight:bold; color:#000000; margin:0px; }

div.shopcategory { float:left; width:190px; height:22px; border:1px solid #A0A0A0; padding:1px 1px 1px 24px; margin-right:10px; margin-bottom:10px; overflow:hidden; background-position:top left; background-repeat:no-repeat; }
a.shopcats, a.shopcats:visited { display:block; width:215px; height:22px; line-height:21px; text-decoration:none; font-weight:bold; color:#000000; overflow:hidden;  }
a.shopcats:hover { background-color:#152F89; color:#FFFFFF; }
span.aktionspreis { border:solid 1px #000000; background-color:#FFFF00; padding:0px 1px 0px 1px; color:#FF0000; }

input      { font-size:13px; color:#000000; }
input.mfwarning { background-color:#FF6060; }
.menge     { font-size:12px; color:#000000; width:30px; height:13px; text-align:right; }
.button    { font-size:13px;  }
.buttons   { font-size:11px; line-height:11px; height:22px; }

table.Text_TD_Table { border:solid 1px #E0E0E0; border-collapse:collapse; width:680px; }
th.Text_TD_Title    { background-color:#E0E0E0; font-size:13px; font-weight:bold; border:solid 1px #E0E0E0; }
td.tdAktionPreisNeu { font-size:13px; font-weight:bold; color:#FF0000; background-color:#FFFF00; border:solid 1px #000000; padding:0px 2px 0px 2px; }

div.extradescription { font-size:12px; }
div.extradescription h4 { margin-top:5px; }

.proddesc_t1  { font-size:14px; color:#202020; line-height:15px; font-weight:bold; margin:0px 0px 8px 0px; }
.proddesc_t2  { font-size:12px; color:#000000; line-height:13px; font-weight:bold; margin:0px 0px 2px 0px; }
.proddesc_t3  { font-size:12px; color:#000000; line-height:13px; font-weight:bold; margin:6px 0px 2px 0px; }

[lang|="de"]>*    { quotes: "»"  "«"  "›"  "‹"; }
[lang ="de-de"]>* { quotes: "„"  "“"  "‚"  "‘"; }
[lang|="de-ch"]>* { quotes: "«"  "»"  "‹"  "›"; }
[lang|="fr"]>*    { quotes: "«\2009" "\2009»" "‹\2009" "\2009›"; }	/*thin space*/
[lang|="en"]>*    { quotes: "“"  "”"  "‘"  "’"; }
q:lang(de)        { quotes: "»"  "«"  "›"  "‹"; }
q:lang(de-de)     { quotes: "„"  "“"  "‚"  "‘"; }
q:lang(de-ch)     { quotes: "«"  "»"  "‹"  "›"; }
q:lang(fr)        { quotes: "«\2009" "\2009»" "‹\2009" "\2009›"; }
q:lang(en)        { quotes: "“"  "”"  "‘"  "’"; }
q:before          { content: open-quote; }
q:after           { content: close-quote; }
dfn:before        { content: "›"; }
dfn:after         { content: "‹"; }

#tooltip { position:absolute;	z-index:3000; border:1px solid #111111; background-color:#EEEEEE; padding:3px; opacity:0.85;  }
#tooltip h3, #tooltip div { margin:0; font-size:11px; font-weight:normal; text-align:left; }

/* CSS Styles that are needed by jScrollPane */
.jspContainer { overflow:hidden; position:relative; }
.jspPane { position:absolute; }
.jspVerticalBar   { position:absolute; top:0; right:0; width:16px; height:100%; background:red; }
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:16px; background:red; }
.jspVerticalBar *, .jspHorizontalBar * { margin:0; padding:0; }
.jspCap { display:none; }
.jspHorizontalBar .jspCap { float:left; }
.jspTrack { background:#dde; position:relative; }
.jspDrag  { background:#bbd; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }
.jspArrow { background:#50506D; text-indent:-20000px; display:block; cursor:pointer; }
.jspArrow.jspDisabled { cursor:default; background:#80808D; }
.jspVerticalBar .jspArrow { height:16px; }
.jspHorizontalBar .jspArrow { width:16px;	float:left;	height:100%; }
.jspVerticalBar .jspArrow:focus { outline:none; }
.jspCorner { background:#EEEEF4; float:left; height:100%; }
* html .jspCorner { margin:0 -3px 0 0; }

a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-20px; padding:2px 5px 2px 5px; font-weight:normal; font-size:11px; color:#000000; border:1px solid #888888; background:#FFFFCC; width:130px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:url(/images/tooltip.gif) top left; display:block; font-size:1px;}

/* Bahnhofsuhr */
#bahnhofsuhr { position:relative; width:101px; height:101px; background-image:url('/images/uhr_zifferblatt.png'); margin:0px; }
#bahnhofsuhr div { position:absolute; }
#zeiger_sec { -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -moz-animation-duration:60s; -moz-animation-name:seconds; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration:60s; -webkit-animation-name:seconds; }
@-moz-keyframes seconds    { 0% {-moz-transform:rotate(0deg)}    100% {-moz-transform:rotate(360deg)}}
@-webkit-keyframes seconds { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg)}}
#zeiger_min { -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -moz-animation-duration:3600s; -moz-animation-name:minutes; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -webkit-animation-duration:3600s; -webkit-animation-name:minutes; }
@-moz-keyframes minutes    { 0% {-moz-transform:rotate(0deg)}    100% {-moz-transform:rotate(360deg)}}
@-webkit-keyframes minutes { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg)}}
#zeiger_hrs { -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -moz-animation-duration:43200s; -moz-animation-name:hours; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -webkit-animation-duration:43200s; -webkit-animation-name:hours; }
@-moz-keyframes hours      { 0% {-moz-transform:rotate(0deg)}    100% {-moz-transform:rotate(360deg)}}
@-webkit-keyframes hours   { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg)}}