@import url(/css/banner_home.css); /* Home Slider */
/*
Blau Schrift (Navigation / Titel) : #004d8f

535254 => 004d8f

009ee0 => 004d8f
ec8a1f => 004d8f
cc99cc => 004d8f
81b619 => 004d8f
a84516 => 004d8f
009185 => 004d8f
c42115 => 004d8f
f5b80a => 004d8f

0c5b99
990066
038e2c
b86b17
5c402c
005450
8d1e13
d69a07

*/

* { margin:0; padding:0; }
img { border: 0; }
ul { list-style: none; }

h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#004d8f;}

a,p,li { text-decoration:none; color:#000; }
a:hover { color:#000; }


/* zentriert */
/*
html,body { margin: 0; padding: 0; color: #000; background: #fff; font: 100% Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#wrapper { width:990px; margin: 0 auto; text-align:left; }
*/

html,body { margin: 0; padding: 0; color: #000; background: #fff; font: 100% Verdana, Arial, Helvetica, sans-serif; text-align: left; }
#wrapper { width:990px; margin: 0; text-align:left; position:relative; }


/* Header */
#header { width: 990px; height: 177px; background:url(/images/zyxelhead.jpg) no-repeat; position:relative; margin-bottom:2px; }
#header h1 { width:400px; height:78px; float:left; }
#header h1 a { position:absolute;top:12px; left:8px; display:inline; margin:0; width:115px; height:30px; line-height:0; font-size:0; }
#header form { border:0;padding:0; position:absolute; right:10px; top:45px; }

#header2 { width: 990px; height: 78px; background:url(/images/zyxelhead2.jpg) no-repeat; position:relative; margin-bottom:2px; }
#header2 h1 { width:400px; height:78px; float:left; }
#header2 h1 a { position:absolute;top:12px; left:8px; display:inline; margin:0; width:115px; height:30px;  line-height:0; font-size:0; }
#header2 form { border:0;padding:0; position:absolute; right:10px; top:45px; }

#header input.inputfield,#header2 input.inputfield { height:1.2em; padding:0; margin:0; width:196px; color: #666; }	/* Produktiv: 196px; sonst: 388px */
#header input.submitbutton,#header2 input.submitbutton  { background: #4b5150 url(/images/navcolsZyxel.png) repeat-x 0 -750px; border:0; color:#fff; font-size:.6em;height:2em; font-weight:bold;padding: 0 5px; margin-left:5px;}
#header input.submitbutton:hover,#header2 input.submitbutton:hover  { cursor:pointer; color:#aaa;  }

/* Sprachnavigation */
#languageNavigation { font-size:.7em; margin-top:8px; float:left; }
#languageNavigation li { display: block; float: left; padding: 0 10px; border-right: 1px solid #666; }
#languageNavigation a { color: #666; display: inline; text-decoration: none; }
#languageNavigation a:hover, #helpNavigation a:hover, #breadcrumb a:hover { text-decoration: underline; }
#languageNavigation a:hover span.current { text-decoration:none; }
#languageNavigation a span.current { float:left; color:#ccc;  }

/* Hilfsnavigation oben rechts */
#helpNavigation { font-size:.7em; margin-top:8px; margin-right:3px; float:right; }
#helpNavigation li { display: block; float: left; width:auto; }
#helpNavigation a { color: #666; display: inline; width: auto; text-decoration: none; padding: 0 10px; border-right: 1px solid #666; }


#primaryNavigation { background: #4b5150 url(/images/navcolsZyxel.png) repeat-x 0 -50px; font-size:.7em; font-weight:bold; height:2em; }
#primaryNavigation li { display: block; float: left; width:auto; border-right: 1px solid #999; }
#primaryNavigation a { color: #fff; display: block; float:left; width: auto; text-decoration: none; padding:0 8px; height:2em; line-height:2em; }
#primaryNavigation li.blue a:hover, #primaryNavigation li.bluecurrent { background:#0c5b99 url(/images/navcolsZyxel.png) repeat-x 0 -150px; }
#primaryNavigation li.blue a, #primaryNavigation li.bluecurrent a { padding:0 19px; } 	/* Produkte/L�sungen: gr�sserer Abstand, damit b�ndig mit Navigation */
#primaryNavigation li.violet a:hover, #primaryNavigation li.violetcurrent { background:#990066 url(/images/navcolsZyxel.png) repeat-x 0 -350px; }
#primaryNavigation li.green a:hover, #primaryNavigation li.greencurrent { background:#038e2c url(/images/navcolsZyxel.png) repeat-x 0 -450px; }
#primaryNavigation li.orange a:hover, #primaryNavigation li.orangecurrent { background:#b86b17 url(/images/navcolsZyxel.png) repeat-x 0 -250px; }
#primaryNavigation li.orange2 a:hover, #primaryNavigation li.orange2current { background:#b86b17 url(/images/navcolsZyxel.png) repeat-x 0 -250px; }
#primaryNavigation li.brown a:hover, #primaryNavigation li.browncurrent { background:#5c402c url(/images/navcolsZyxel.png) repeat-x 0 -550px; }
#primaryNavigation li.cyan a:hover, #primaryNavigation li.cyancurrent { background:#005450 url(/images/navcolsZyxel.png) repeat-x 0 -650px; }
#primaryNavigation li.red a:hover, #primaryNavigation li.redcurrent  { background:#8d1e13 url(/images/navcolsZyxel.png) repeat-x 0 -750px; }
#primaryNavigation li.red2 a:hover, #primaryNavigation li.red2current { background:#8d1e13 url(/images/navcolsZyxel.png) repeat-x 0 -750px; }
#primaryNavigation li.yellow a:hover, #primaryNavigation li.yellowcurrent { background:#ffe url(/images/navcolsZyxel.png) repeat-x 0 -850px; }
#primaryNavigation li.green2 a:hover, #primaryNavigation li.green2current { background:#8d1e13 url('/images/navcolsZyxel.png') repeat-x 0 -450px; }


#secondaryNavigation .blue ul li.current a, #secondaryNavigation .violet ul li.current a, #secondaryNavigation .green ul li.current a, #secondaryNavigation .orange ul li.current a, #secondaryNavigation .orange2 ul li.current a, #secondaryNavigation .brown ul li.current a, #secondaryNavigation .cyan ul li.current a, #secondaryNavigation .red ul li.current a, #secondaryNavigation .red2 ul li.current a, #secondaryNavigation .yellow ul li.current a, #secondaryNavigation .green2 ul li.current a { background:#ffe url(/images/navcolsZyxel.png) repeat-x 0 -1050px; color: #004d8f; font-weight:bold; }
#secondaryNavigation .blue ul a:hover, #secondaryNavigation .violet ul a:hover, #secondaryNavigation .green ul a:hover, #secondaryNavigation .orange ul a:hover, #secondaryNavigation .orange2 ul a:hover, #secondaryNavigation .brown ul a:hover, #secondaryNavigation .cyan ul a:hover, #secondaryNavigation .red ul a:hover, #secondaryNavigation .red2 ul a:hover, #secondaryNavigation .yellow ul a:hover, #secondaryNavigation .green2 ul a:hover { background:#ffe url(/images/navcolsZyxel.png) repeat-x 0 -150px; color: #fff; }

#primaryNavigation li.basketTop { float:right; font-weight:normal; background:url(/images/basket01.gif) no-repeat center left; text-indent:10px;  }
#primaryNavigation li.basketTop  a { color:#eee; }

/* auskommentiert per 18.12. neu ist oben rechts Warenkorb
#primaryNavigation li.red { float:right; background:#696969 url(/images/navcolsZyxel.png) repeat-x 0 -950px; width:232px; border-right:0; }
#primaryNavigation li.red a:hover { width:212px; }
*/

/* Sie sind hier Navigation */
#breadcrumb { clear:left; background: url(/images/bg_breadcrumb.gif) repeat-x; font-size:.7em; height:24px; margin-bottom:.5em;  }
#breadcrumb ul { padding-top:5px; padding-left:13px; }
#breadcrumb li {  float: left; width:auto; color: #999; padding: 0 5px; line-height:20px;}
#breadcrumb a { color: #999; display: inline; width: auto; text-decoration: none;   }
#breadcrumb span { font-weight:bold; color:#535254; width:232px; float:right; display:inline; padding-top:5px; text-align:right;}

#content { float: right; width: 800px; }

#primaryContent { width: 568px; float: left;  }

.boxPrimaryContentHP,boxPrimaryContentHP2 { background: #cac9c9 url(/images/verlauf01.jpg) no-repeat top left;  padding:6px 0; }
.boxPrimaryContentHP2 { font-size:.8em; background: #cac9c9; }
.boxPrimaryContent { background: #cac9c9 url(/images/verlauf03.jpg) no-repeat top left;  padding:6px; padding-bottom:20px;  }
.boxPrimaryContentDealer { background: #cac9c9 url(/images/verlauf03.jpg) no-repeat top left;  padding:12px; padding-bottom:20px;  }
.boxPrimaryContentNoBG { padding:6px; }
.boxPrimaryContent p,.boxPrimaryContentNoBG p, .boxPrimaryContentDealer p { font-size: .8em;}

.boxPrimaryContent a { text-decoration: underline; }
.boxPrimaryContent a.nodeco { text-decoration: none; }

.dealerContent { padding:12px; background:#fff; padding-top:0; }
.dealerContent table { font-size:.8em; color: #535254; }
.dealerContent table td,.dealerContent table th  { padding-left:2px; padding-right:8px; }
.dealerContent table th { font-weight:bold; }


.boxPrimaryContent h1, .boxPrimaryContentDealer h1 { font-weight:normal;font-size:1.3em; padding-top:1em; padding-bottom:.5em; }
.boxPrimaryContent h2, .boxPrimaryContentDealer h2 { font-size:1em; font-weight:normal; color: #004d8f; padding-bottom:40px; }
.boxPrimaryContent h3, .boxPrimaryContentDealer h3 { font-weight:bold;font-size:.8em; padding:1em 0 .2em 0; }

.boxPrimaryContent ul,.boxPrimaryContentDealer ul { margin-left:1.8em; font-size:.8em; list-style:disc; }	/* eingef�gt per 5.12.2007; ULs in boxPrimaryContent */
.boxPrimaryContent ol { margin-left:1.8em; font-size:.8em; }

.eyecatcher { padding:0; position:relative; height:100%; }
.eyecatcher .moreinfos { margin-top:4em; }
.eyecatcher .moreinfos a { text-decoration:none; position:absolute; padding-right:30px;line-height:25px;height:20px; bottom:10px; right:2em; background:url(/images/moreinfosBig.png) bottom right no-repeat; }

#contentLeft290, #contentLeft250 { margin-right:15px; min-height:100px; float:left; background:#d5edfa; overflow:hidden;}
#contentLeft250 { width: 250px; }
#contentLeft290 { width: 290px; background:#c9c9c9 }

#contentMain250 { float:left; width:370px; }
#contentMain250full { float:left; width:500px; }
#contentMain290 { padding:0 1em 1em 0;margin-left:305px; }
#contentMain768 { padding:0 1em 1em 0;margin-left:9px; }

#contentMain250 ul, #contentMain290 ul { font-size:.8em; margin:0; padding-left:1.4em;}
/* #contentMain250 ul li, #contentMain290 ul li { list-style: disc; margin-left:1.4em; } vor 27.12.2007 */
#contentMain250 ul li, #contentMain290 ul li { list-style: disc;  }

#contentMain250 td, #contentMain290 td { font-size:.8em; padding: 2px 4px; }

#contentLeft290 ul, #contentLeft290 ol { padding: 0 10px 10px 0; color:#fff; font-size:.7em;  }
#contentLeft290 ul li { list-style: disc; margin-left:.5em; color: #fff; }
#contentLeft290 ol li { margin-left:.8em; color: #fff; }
#contentLeft290 a, #contentLeft250 a { color: #004d8f; text-decoration:underline;}
#contentLeft290 a:hover, #contentLeft250 a:hover { color: #535254; }

#contentLeft290 a.nodeco:hover, #contentLeft250 a.nodeco, #contentMain290 a.nodeco, #contentMain250 a.nodeco { text-decoration:none; }


.leadtext { font-weight: bold; }
.whiteBG p { text-align:center; background:#fff; }


/* Produkteuebersicht-Liste */
#prodoverview ul { list-style:none; float:left; display:block; }
#prodoverview li { float:left; background: #cac9c9 url(/images/verlauf03.jpg) no-repeat top left; padding:0; margin-bottom:.5em; width:800px; } /* width:800px eingef�gt per 21.12.07; wegen Publikationen im H�ndlerbereic */

#prodoverview ul li ul { position:relative;  }

#prodoverview ul ul h3 { font-weight:bold; }

#prodoverview ul ul { background:transparent; font-size:.8em; }
#prodoverview ul ul li { background: transparent; padding:5px; margin:0; }
#prodoverview ul ul li.poImage, #prodoverview ul ul li.poImageCrop { width: 135px; padding-left:9px; padding-top:9px;}

#prodoverview ul ul li.poImage div { background:no-repeat ; width:130px;height:70px; }
#prodoverview ul ul li.poImage div a { width:130px; height:70px; display:block; }


/* Image-Crop; wenn 133x72 => nur 131x70 anzeigen */
#prodoverview ul ul li.poImageCrop div { background: url(images/dummy.gif) no-repeat -1px -1px;width:131px;height:70px; }
#prodoverview ul ul li.poImageCrop div a { width:131px; height:70px; display:block; }

#prodoverview ul li.subareaTitle { padding:3px; font-size:.8em; width:792px; text-align:center; font-weight:bold; border: 1px solid #ccc; background:#148ed3; color:#fff; }

#prodoverview ul ul li.poText { width: 396px;}
#prodoverview ul ul li.poMore { width: 95px; }
#prodoverview ul ul li.poMore span { cursor:pointer; position:absolute; bottom:15px; line-height:25px;background:url(/images/moreinfosBig.png) bottom right no-repeat; width:95px; height:20px; }
#prodoverview ul ul li.prodnew { background:url(/images/prodneu.png) top right no-repeat; width:85px; height:50px; margin-right:10px; margin-top:5px;}
#prodoverview ul ul li.poCompare { width: 130px; padding-right:0; }

#prodoverview ul ul ul li { text-transform:uppercase; margin-bottom:1px; width:125px; color:#004d8f; font-size:1.1em; line-height:2em; padding:0 5px;}
#prodoverview ul ul ul li.compare, #prodoverview ul ul ul li.lightbox { background:#adaeb0; position:relative; }
#prodoverview ul ul ul li.compare a { color:#004d8f; }
#prodoverview ul ul ul li.compare input { position:absolute; bottom:4px; right:6px; }
#prodoverview ul ul ul li.order { background:#858586; position:relative; }
#prodoverview ul ul ul li.order a { color:#004d8f; display:block;  }
#prodoverview ul ul ul li.order span { cursor:pointer; position:absolute; bottom:4px; right:5px; background:url(/images/basket01.gif) no-repeat; width:16px; height:15px; line-height:0;}
#prodoverview ul ul ul li.price, #prodoverview ul ul ul li.darkbox { background:#d5edfa; }
#prodoverview ul ul ul li.price p { font-weight:bold; text-align:right; color:#004d8f; margin-top:-.5em; }


/* Spezielle Produkte�bersicht ZyXEL */
#prodoverviewZyXEL ul { margin-top:.5em; list-style:none; float:left; display:block;  }
#prodoverviewZyXEL ul li { float:left; width:150px; margin-right:12px; margin-bottom:1em; }
#prodoverviewZyXEL ul li ul li { margin-bottom:0; }

#prodoverviewZyXEL ul ul li.poImage { width:140px; padding-left:10px; border: 1px solid #c1c3c6; margin:0 auto; padding-top:35px; height:115px; margin-bottom:3px; }
#prodoverviewZyXEL ul ul li.poImageCrop { width:141px; padding-left:9px; border: 1px solid #c1c3c6; margin:0 auto; padding-top:35px; height:115px; margin-bottom:3px; }

#prodoverviewZyXEL ul ul li.poImage div { background:no-repeat ; width:130px; height:70px; }
#prodoverviewZyXEL ul ul li.poImage div a { width:130px; height:70px; display:block; }

/* poImage2: quadratische Bildet (mit z.B. Antenne) */
#prodoverviewZyXEL ul ul li.poImage2 { width:140px; padding-left:10px; border: 1px solid #c1c3c6; height:150px; margin-bottom:3px; background: transparent center no-repeat;}
#prodoverviewZyXEL ul ul li.poImage2 a { width:140px; height:140px; display:block; }

#prodoverviewZyXEL ul ul li.poImageCrop div { background: url(images/dummy.gif) no-repeat -1px -1px;width:131px; height:70px; }
#prodoverviewZyXEL ul ul li.poImageCrop div a { width:131px; height:70px; display:block; }

#prodoverviewZyXEL ul ul li.poDesc { width:142px; height:50px; padding:5px; background: #ced5da;  }
#prodoverviewZyXEL ul ul li.poCompare { width:142px;  padding:5px; background: #ced5da;  }

#prodoverviewZyXEL h3 a { color:#004d8f; font-size:.7em; font-weight:bold; }
#prodoverviewZyXEL p a { color:#004d8f; font-size:.6em;  }
#prodoverviewZyXEL li.poPrice p { margin-top:3px;width:142px; padding:5px; color:#004d8f; font-size:.7em; text-align:right; background:#d5edfa;  }
#prodoverviewZyXEL li.poPrice p.partnr { text-align:left; }
#prodoverviewZyXEL li.poPrice p strong.pprice { float:right; }
#prodoverviewZyXEL ul li.subareaTitle { padding:3px; font-size:.8em; width:792px; text-align:center; background:#ffe url(/images/navcolsZyxel.png) repeat-x 0 -1050px; color: #004d8f; font-weight:bold; }


/* Lageranzeige */
#prodoverview ul ul ul li.stockOK, #prodoverview ul ul ul li.stockNotOK { background:#858586; position:relative; }
#prodoverview ul ul ul li.stockOK span { cursor:pointer; position:absolute; bottom:4px; right:5px; background:url(/images/stockOK.gif) no-repeat; width:16px; height:15px; line-height:0;}
#prodoverview ul ul ul li.stockNotOK span { cursor:pointer; position:absolute; bottom:4px; right:5px; background:url(/images/stockNotOK.gif) no-repeat; width:16px; height:15px; line-height:0;}


/* Publikationen; rechter Teil (lightbox/darkbox) */
#prodoverview ul ul ul li.lightbox, #prodoverview ul ul ul li.darkbox { font-size:1em; }
#prodoverview ul ul ul li.lightbox a { font-weight:bold; color: #fff; }
#prodoverview ul ul ul li.lightbox a:hover { color: #ddd; }
#prodoverview ul ul ul li.pdf { background: #404041 url(/images/mime/pdfsmall.gif) no-repeat 5px center; text-indent:20px; color:#fff; }
#prodoverview ul ul ul li.swf { background: #404041 url(/images/mime/swfsmall.gif) no-repeat 5px center; text-indent:20px; color:#fff; }
#prodoverview ul ul ul li.wmv { background: #404041 url(/images/mime/wmvsmall.gif) no-repeat 5px center; text-indent:20px }

/* Mime-Icons f�r Knowledgebase */
p.pdf, td.pdf { background: url(/images/mime/pdf.gif) no-repeat 5px center; text-indent:30px; }
p.xls, td.xls { background: url(/images/mime/xls.gif) no-repeat 5px center; text-indent:30px; }
p.zip, td.zip { background: url(/images/mime/zip.gif) no-repeat 5px center; text-indent:30px; }
p.ppt, td.ppt { background: url(/images/mime/ppt.gif) no-repeat 5px center; text-indent:30px; }
p.wmv, td.wmv { background: url(/images/mime/wmv.gif) no-repeat 5px center; text-indent:30px; }

/* Support-Box */
#supportbox { font-size:.8em; }
#supportbox .tablist { font-weight:bold; margin-top:2em; margin-left:8px;width:174px; }
#supportbox .tablist .firsttab { width:78px; }
#supportbox .tablist .lasttab a { width:75px; }
#supportbox p { text-align:center; padding-top:.5em; }
#supportbox p.tel { color:#666; font-size:1.5em; padding-top:1em; }
#supportbox p.cost { color:#999; font-size:1em; padding-bottom:.5em;}
#supportbox div.clicktocall { background: #868889; text-align:center;color:#fff; position:relative; width:174px; }
#supportbox div.clicktocall span { background:url(/images/clicktocall.png) no-repeat bottom left; width:34px; height:31px; position:absolute;bottom:0; left:0; }



/* Tablist */
.tablist { font-size:.6em; height:100%; display:block; padding-bottom:18px; padding-top:2em; text-transform:uppercase; white-space: nowrap;}
.tablist ul { font-size:1em; width:100%; display:block;float:left;margin:0;padding:0;list-style:none; border-bottom:3px solid ;  }
.tablist ul li { display:inline; margin:0; padding:0; float:left; border-right: 1px solid #fff; }
.tablist ul li a { float:left; background:url(/images/navcolsZyxel.png) repeat-x 0 -50px; padding:3px 10px; color:#fff; text-decoration:none;  }

.tablist ul li.firsttab a { background:url(/images/navcolsZyxel.png) no-repeat; margin:0; padding:3px 0 3px 22px; text-decoration:none; }
.tablist ul li.firsttab a span { background:url(/images/navcolsZyxel.png) repeat-x 0 -50px; padding:3px 10px 3px 0px; margin-left:-10px;}
.tablist ul li.firsttab a:hover { background:url(/images/navcolsZyxel.png) no-repeat;  }
.tablist ul li.firsttab a:hover span { background:url(/images/navcolsZyxel.png) repeat-x;  }

.tablist ul li.firsttabcurrent a { background:url(/images/navcolsZyxel.png) no-repeat; margin:0; padding:3px 0 3px 22px; text-decoration:none; }
.tablist ul li.firsttabcurrent a span { background:url(/images/navcolsZyxel.png) repeat-x; padding:3px 10px 3px 0px; margin-left:-10px;}
.tablist ul li.firsttabcurrent a:hover { background:url(/images/navcolsZyxel.png) no-repeat;  }

.tablist ul li.current a {  background:url(/images/navcolsZyxel.png) repeat-x;  }

.tablist ul li a:hover { background:url(/images/navcolsZyxel.png) repeat-x;  }

.tablist ul li.lasttab { border-right:0; }


.tablist ul.blue { border-bottom-color:#004d8f; }
.tablist ul.blue li.firsttab a:hover, .tablist ul.blue li.firsttabcurrent a, .tablist ul.blue li.firsttabcurrent a:hover { background-position: 0 -100px;  }
.tablist ul.blue li.firsttab a:hover span, .tablist ul.blue li.current a, .tablist ul.blue li.firsttabcurrent a span, .tablist ul.blue li a:hover { background-position: 0 -150px;  }

.tablist ul.orange { border-bottom-color:#004d8f; }
.tablist ul.orange li.firsttab a:hover, .tablist ul.orange li.firsttabcurrent a, .tablist ul.orange li.firsttabcurrent a:hover { background-position: 0 -200px;  }
.tablist ul.orange li.firsttab a:hover span, .tablist ul.orange li.current a, .tablist ul.orange li.firsttabcurrent a span, .tablist ul.orange li a:hover { background-position: 0 -250px;  }
.tablist ul.orange2 { border-bottom-color:#004d8f; }
.tablist ul.orange2 li.firsttab a:hover, .tablist ul.orange2 li.firsttabcurrent a, .tablist ul.orange2 li.firsttabcurrent a:hover { background-position: 0 -200px;  }
.tablist ul.orange2 li.firsttab a:hover span, .tablist ul.orange2 li.current a, .tablist ul.orange2 li.firsttabcurrent a span, .tablist ul.orange2 li a:hover { background-position: 0 -250px;  }


.tablist ul.violet { border-bottom-color:#004d8f; }
.tablist ul.violet li.firsttab a:hover, .tablist ul.violet li.firsttabcurrent a, .tablist ul.violet li.firsttabcurrent a:hover { background-position: 0 -300px;  }
.tablist ul.violet li.firsttab a:hover span, .tablist ul.violet li.current a, .tablist ul.violet li.firsttabcurrent a span, .tablist ul.violet li a:hover { background-position: 0 -350px;  }

.tablist ul.green { border-bottom-color:#004d8f; }
.tablist ul.green li.firsttab a:hover, .tablist ul.green li.firsttabcurrent a, .tablist ul.green li.firsttabcurrent a:hover { background-position: 0 -400px;  }
.tablist ul.green li.firsttab a:hover span, .tablist ul.green li.current a, .tablist ul.green li.firsttabcurrent a span, .tablist ul.green li a:hover { background-position: 0 -450px;  }

.tablist ul.brown { border-bottom-color:#004d8f; }
.tablist ul.brown li.firsttab a:hover, .tablist ul.brown li.firsttabcurrent a, .tablist ul.brown li.firsttabcurrent a:hover { background-position: 0 -500px;  }
.tablist ul.brown li.firsttab a:hover span, .tablist ul.brown li.current a, .tablist ul.brown li.firsttabcurrent a span, .tablist ul.brown li a:hover { background-position: 0 -550px;  }

.tablist ul.cyan { border-bottom-color:#004d8f; }
.tablist ul.cyan li.firsttab a:hover, .tablist ul.cyan li.firsttabcurrent a, .tablist ul.cyan li.firsttabcurrent a:hover { background-position: 0 -600px;  }
.tablist ul.cyan li.firsttab a:hover span, .tablist ul.cyan li.current a, .tablist ul.cyan li.firsttabcurrent a span, .tablist ul.cyan li a:hover { background-position: 0 -650px;  }

.tablist ul.red { border-bottom-color:#910234; }
.tablist ul.red li.firsttab a:hover, .tablist ul.red li.firsttabcurrent a, .tablist ul.red li.firsttabcurrent a:hover { background-position: 0 -700px;  }
.tablist ul.red li.firsttab a:hover span, .tablist ul.red li.current a, .tablist ul.red li.firsttabcurrent a span, .tablist ul.red li a:hover { background-position: 0 -750px;  }

.tablist ul.red2 { border-bottom-color:#910234; }
.tablist ul.red2 li.firsttab a:hover, .tablist ul.red2 li.firsttabcurrent a, .tablist ul.red2 li.firsttabcurrent a:hover { background-position: 0 -700px;  }
.tablist ul.red2 li.firsttab a:hover span, .tablist ul.red2 li.current a, .tablist ul.red2 li.firsttabcurrent a span, .tablist ul.red2 li a:hover { background-position: 0 -750px;  }

.tablist ul.yellow { border-bottom-color:#004d8f; }
.tablist ul.yellow li.firsttab a:hover, .tablist ul.yellow li.firsttabcurrent a, .tablist ul.yellow li.firsttabcurrent a:hover { background-position: 0 -800px;  }
.tablist ul.yellow li.firsttab a:hover span, .tablist ul.yellow li.current a, .tablist ul.yellow li.firsttabcurrent a span, .tablist ul.yellow li a:hover { background-position: 0 -850px;  }

.tablist ul.green2 { border-bottom-color:#004d8f; }
.tablist ul.green2 li.firsttab a:hover, .tablist ul.green2 li.firsttabcurrent a, .tablist ul.green2 li.firsttabcurrent a:hover { background-position: 0 -400px;  }
.tablist ul.green2 li.firsttab a:hover span, .tablist ul.green2 li.current a, .tablist ul.green2 li.firsttabcurrent a span, .tablist ul.green2 li a:hover { background-position: 0 -450px;  }




.box,.boxHP {  }
.box h5,.boxHP h5 { font-size:.7em; color: #fff; background:url(/images/navcolsZyxel.png) no-repeat; border-bottom:3px solid; text-transform:uppercase; }
.box h5 a,.boxHP h5 a { color: #fff; text-decoration:none; display:block; padding:5px 0;  margin-left:22px; background:url(/images/navcolsZyxel.png) repeat-x;}
.box h5 a span,.boxHP h5 a span { margin-left:-12px; display:block;}	/* zus�tzlicher SPAN, damit Text unter Bogen kommt */

.grey h5 { background-position: 0 0; border-bottom-color:#8b9398;} 
.grey h5 a { background-position: 0 -50px;  }

.blue h5 { background-position: 0 -100px; border-bottom-color:#004d8f;} 
.blue h5 a { background-position: 0 -150px;  }

.orange h5 { background-position: 0 -200px; border-bottom-color:#004d8f; }
.orange h5 a  { background-position: 0 -250px;  }
.orange2 h5 { background-position: 0 -200px; border-bottom-color:#004d8f; }
.orange2 h5 a  { background-position: 0 -250px;  }

.violet h5 { background-position: 0 -300px; border-bottom-color:#004d8f;} 
.violet h5 a { background-position: 0 -350px;  }

.green h5 { background-position: 0 -400px; border-bottom-color:#004d8f;} 
.green h5 a { background-position: 0 -450px;  }

.brown h5 { background-position: 0 -500px; border-bottom-color:#004d8f;} 
.brown h5 a { background-position: 0 -550px;  }

.cyan h5 { background-position: 0 -600px; border-bottom-color:#004d8f;} 
.cyan h5 a { background-position: 0 -650px;  }

.red h5, .red2 h5 { background-position: 0 -700px; border-bottom-color:#910234;} 
.red h5 a, .red2 h5 a { background-position: 0 -750px;  }

.yellow h5 { background-position: 0 -800px; border-bottom-color:#004d8f;} 
.yellow h5 a { background-position: 0 -850px;  }

.green2 h5 { background-position: 0 -400px; border-bottom-color:#004d8f;} 
.green2 h5 a { background-position: 0 -450px;  }


/* Navigation links */
#secondaryNavigation { width: 174px; float: left; padding: 0 8px; overflow:hidden; }
#secondaryNavigation ul { font-size:.7em; }
#secondaryNavigation ul li { display:inline; line-height:1.4em;}
#secondaryNavigation ul a { background: #4b5150 url(/images/navcolsZyxel.png) repeat-x 0 -1050px; display:block; text-decoration:none; color: #004d8f; padding:4px .8em 5px .8em; }

#secondaryNavigation ul li.current ul.sub1 li a { background: #fff; color: #i; font-size:1.4em; font-weight:normal; border-top:1px solid #fff; border-bottom:1px solid #999; padding-left:1.5em; line-height:1em; height:auto; }
#secondaryNavigation ul li.current ul.sub1 li.current a { background:#0c5b99; color: #fff; border-top:0; }
#secondaryNavigation ul li.current ul.sub1 li.current ul.sub2 li a { background:#fff; font-weight:normal; color:#004d8f; padding-left:2.5em; font-size:11px;}  /* 2em: Problem mit Opera */
#secondaryNavigation ul li.current ul.sub1 li.current ul.sub2 li a:hover { background:#e0e6e8; color:#910234; }
#secondaryNavigation ul li.current ul.sub1 li.current ul.sub2 li.current a { background:#fff;color:#910234; font-weight:bold;}
#secondaryNavigation ul li.current ul.sub1 li.current ul.sub2 li.current a:hover { color:#910234;}

/* Falls Produkte direkt unter Area erscheinen (z.B. Powerline) */
#secondaryNavigation ul li.current ul.sub2 li a { background:#fff; color: #004d8f; border-top:0;font-size:11px; border-bottom:1px solid #999; padding-left:1.5em; font-weight:normal; }
#secondaryNavigation ul li.current ul.sub2 li a:hover { background:#e0e6e8; color:#910234; }
#secondaryNavigation ul li.current ul.sub2 li.current a { background:#fff;color:#910234; font-weight:bold; }
#secondaryNavigation ul li.current ul.sub2 li.current a:hover { background:#fff; color:#910234; }


#secondaryNavigation .blue ul li.current ul.sub1 li a:hover, #secondaryNavigation .violet ul li.current ul.sub1 li a:hover, #secondaryNavigation .green ul li.current ul.sub1 li a:hover, #secondaryNavigation .orange ul li.current ul.sub1 li a:hover, #secondaryNavigation .orange2 ul li.current ul.sub1 li a:hover, #secondaryNavigation .brown ul li.current ul.sub1 li a:hover, #secondaryNavigation .cyan ul li.current ul.sub1 li a:hover, #secondaryNavigation .red ul li.current ul.sub1 li a:hover, #secondaryNavigation .red2 ul li.current ul.sub1 li a:hover, #secondaryNavigation .yellow ul li.current ul.sub1 li a:hover, #secondaryNavigation .green2 ul li.current ul.sub1 li a:hover { background:#e0e6e8; color: #910234; }
#secondaryNavigation .blue ul li.current ul.sub1 li.current a, #secondaryNavigation .violet ul li.current ul.sub1 li.current a, #secondaryNavigation .green ul li.current ul.sub1 li.current a, #secondaryNavigation .orange ul li.current ul.sub1 li.current a,#secondaryNavigation .orange2 ul li.current ul.sub1 li.current a, #secondaryNavigation .brown ul li.current ul.sub1 li.current a, #secondaryNavigation .cyan ul li.current ul.sub1 li.current a, #secondaryNavigation .red ul li.current ul.sub1 li.current a, #secondaryNavigation .red2 ul li.current ul.sub1 li.current a, #secondaryNavigation .yellow ul li.current ul.sub1 li.current a, #secondaryNavigation .green2 ul li.current ul.sub1 li.current a { background:#fff; color: #910234; font-weight:bold; }

#secondaryNavigation ul.bereichNavi a { padding:0; height:30px; line-height:30px; font-weight:bold; text-transform:uppercase; background:#adaeb0 url(/images/navcolsZyxel.png) repeat-x 0 -50px; color:#fff; }
#secondaryNavigation ul.bereichNavi a:hover { background:#8d1e13 url(/images/navcolsZyxel.png) repeat-x 0 -750px; }

#secondaryNavigation ul a:hover { background:#8d1e13 url(/images/navcolsZyxel.png) repeat-x 0 -750px; }
#secondaryNavigation ul a span { width:30px; height:30px; float:left; background:url(/images/bereicheZyxel.png) no-repeat; margin-right:5px;  }
#secondaryNavigation ul a span.consumer { background-position:0 -50px; }
#secondaryNavigation ul a span.business { background-position:-30px -50px; }
#secondaryNavigation ul a span.provider { background-position:-60px -50px; }
#secondaryNavigation ul a span.all { background-position:-90px -50px; }

#secondaryNavigation ul a:hover span.consumer { background-position:0 0; }
#secondaryNavigation ul a:hover span.business { background-position:-30px 0; }
#secondaryNavigation ul a:hover span.provider { background-position:-60px 0; }
#secondaryNavigation ul a:hover span.all { background-position:-90px 0; }

#secondaryNavigation div ul li a.pfnav0,#secondaryNavigation div ul li.current a.pfnav0 { float:right;background:url('/images/misc/pfnav.png') no-repeat top right; }
#secondaryNavigation div ul li a.pfnav0:hover { float:right;background:url('/images/misc/pfnav-hover.png') no-repeat top right; }
#secondaryNavigation div ul li a.pfnav1,#secondaryNavigation div ul li.current a.pfnav1 { float:right;background:url('/images/misc/pfnavzyxel.png') no-repeat top right; }
#secondaryNavigation div ul li a.pfnav1:hover { float:right;background:url('/images/misc/pfnavzyxel-hover.png') no-repeat top right; }

/* Cosumer - Business - Provider - Alle */
#bereichnaviTop { border-top:3px solid #fff; border-bottom:3px solid #fff; height:37px; }
#bereichnaviTop ul li { float:left; }
#bereichnaviTop ul li a { margin:0;padding:0; width:44px; height:37px; background:url(/images/bereiche2Zyxel.png) no-repeat; }
#bereichnaviTop ul li.consumer a { background-position: 0 0; }
#bereichnaviTop ul li.business a { background-position: -44px 0; }
#bereichnaviTop ul li.provider a { background-position: -88px 0; }
#bereichnaviTop ul li.alle a { background-position: -132px 0; width:42px; color:#fff; font-size:1em;font-weight:bold; text-align:center; line-height:34px; }

#bereichnaviTop ul li.consumer a:hover,#bereichnaviTop ul li.business a:hover,#bereichnaviTop ul li.provider a:hover,#bereichnaviTop ul li.alle a:hover {background:url(/images/bereiche2Zyxel.png) no-repeat; }
#bereichnaviTop ul li.consumer a:hover, #bereichnaviTop ul li.consumer a.current { background-position: 0 -37px; }
#bereichnaviTop ul li.business a:hover, #bereichnaviTop ul li.business a.current { background-position: -44px -37px; }
#bereichnaviTop ul li.provider a:hover, #bereichnaviTop ul li.provider a.current { background-position: -88px -37px; }
#bereichnaviTop ul li.alle a:hover, #bereichnaviTop ul li.alle a.current { background-position: -132px -37px; }

/* rechte Spalte auf Homepage */
#secondaryContent { width: 224px; float: right; background: #fff; }

.boxSecondaryContent { padding:0 .5em .5em .5em; background: #cac9c9 url(/images/verlauf02.jpg) no-repeat top left; }
.boxSecondaryContent li { padding-bottom:5px; border-bottom: 1px solid #fff; }
.boxSecondaryContent li h3 { font-size:.8em; padding-top:5px; font-weight:bold;}
.boxSecondaryContent li h4 { font-size:.8em; padding-top:5px; font-weight:normal; }
.boxSecondaryContent li p { font-size:.7em; padding-bottom:4px; }
.boxSecondaryContent li p a { background:url(/images/moreinfos.png) no-repeat bottom right; padding-bottom:10px; display:block; }
.boxSecondaryContent li a { text-decoration:none; cursor:pointer;  }


/* Styles f�r unteren Bereich Homepage (3 Produkte) */
#hp3products { background:url(/images/3whitestripes.gif) repeat-y; }
#hp3products li { display: block; padding:0 6px; float: left; border-right: 1px solid #fff; width:176px; }
#hp3products .imgc { background: #fff; width: 176px; height:176px; display:block; text-align:center; margin-bottom:.5em; }
#hp3products h3 { font-size: .8em; font-weight: bold; }
#hp3products p { font-size: .8em; padding-bottom: 0; }
#hp3products a { text-decoration: none; }
#hp3products li p a { background:url(/images/moreinfos.png) no-repeat bottom right; padding-bottom:1em; display:block; }

.hpVspacer { height:10px; }

/* Produktedetail */
#contentLeft290 h4, #contentLeft250 h4 { font-size:.7em; padding:10px 10px 5px 10px; color:#004d8f;}
#contentLeft290 p { font-size:.7em; padding:0 10px; color:#004d8f; }
#contentLeft290 p img {margin:0 -10px;}

/* alt, bevor 27.12.07; neu: Features ganz links
#contentLeft250 ul { padding: 0 10px 10px 10px; color:#fff; font-size:.7em;  }
#contentLeft250 ul li { list-style: disc; margin-left:1.4em; color: #fff; }
*/
#contentLeft250 ul, #contentLeft290 ul { padding: 0 10px 10px 0; color:#fff; font-size:.7em;  }
#contentLeft250 ul li, #contentLeft290 ul li { list-style: disc; margin-left:.5em; color: #004d8f; }
#contentLeft250 p img {margin:0 -10px;}
#contentLeft250 p { padding:0 10px; }


div#imgZoom { position:absolute;bottom:0; left:0; background: url(/images/zoom.gif) no-repeat; width:36px; height:25px; cursor:pointer; }
div#imgLegend { position:absolute;bottom:6px; right:6px; font-size:.7em; }
div#imgLegend span { cursor:pointer; }

#ProdImages { position:relative; background:#fff; text-align:center; padding-top:1em; border:1px solid #c3c4c6; }
#ProdImages p { font-size:.6em; }
#ProdImages img {  }	/* war: cursor: pointer */

#ProdDetailTitle h1 { font-weight:normal;font-size:1.3em; padding-top:1em; padding-bottom:.5em; }
#ProdDetailTitle h2 { font-size:1em; font-weight:normal; color: #004d8f; padding-bottom:.5em; }


#textSpacer { height:40px; }
#textSpacer img { float:right; }
#contentRight250 { position:relative; height:20px; float:right;} /* height:20px: f�r IE6 (sonst keine Darstellung der rechten Box) */
#contentRight250 ul { width:126px; background:#dce1e4; position:absolute; right:0; }
#contentRight250 ul li { list-style:none; border-bottom: 1px solid #fff;  font-size:.7em; }
#contentRight250 ul li a { color:#004d8f; display:block; text-decoration:none; padding:5px;}
#contentRight250 ul li a:hover { color: #000; }

#contentRight250 li.price { background:#d5edfa; color:#004d8f; padding:5px; }
#contentRight250 li.price p { font-weight:bold; text-align:right; font-size:2em; color:#004d8f; }
#contentRight250 li.price strong { display:block; text-align:right; }
#contentRight250 li.order { background:#d5edfa; color:#004d8f;  border-bottom:0; background:url(/images/basket01dark.gif) 105px 7px no-repeat; }
#contentRight250 li.rssfeed { color:#fff; background:url('/images/mime/rss13.png') no-repeat 105px 7px; }
#contentRight250 li.price p.small { font-size:1.2em; }

#contentLeft290 a.nodeco, #contentLeft250 a.nodeco, #contentMain290 a.nodeco, #contentMain250 a.nodeco { text-decoration:none; }

#content h6, .boxPrimaryContent h6, .boxPrimaryContentNoBG h6 { font-size: .8em; font-weight: bold; padding-bottom:1em; }	/* z.B. "Ergebnis Presse-Finder" */

#ProdAdditional { background:#fff; padding:10px; }
#ProdAdditional h4, #ProdAdditional p { color:#fff; font-size:.8em; }
#ProdAdditional ul { position:relative; background:#fff; width:768px; }
#ProdAdditional ul li { position:relative; }
#ProdAdditional ul li.dnlitem { margin-bottom:10px; }
#ProdAdditional ul li.desceven { background:#97989a; width:615px; padding:5px 10px 10px 10px; min-height:57px;}
#ProdAdditional ul li.descodd { background:#babbbc; width:615px; padding:5px 10px 10px 10px; min-height:57px;}
#ProdAdditional ul li p.onlinedate { color:#fff;text-align:right;font-size:.7em; margin-bottom:-5px; display:block;}
#ProdAdditional ul li a { font-size:.8em; display:block; height:100%; position:absolute; top:32%; left:0;  width:100%; color:#fff; padding-left:30px; }
#ProdAdditional ul li.dnlsize { width:130px; background:#6b6c6e url(/images/mimepdf.gif) no-repeat 2px center; position:absolute; top:0; right:0; height:35px;  }
#ProdAdditional ul li.dnlsize a { top:30%; left:0; }

#ProdAdditional ul li.dnllink { width:130px; background:#404041 url(/images/moreInfosBigWhite.png) no-repeat 5px center; position:absolute; top:37px; right:0;height:35px;}
#ProdAdditional ul li.dnllink a { font-size:.6em; }

div#ProdAdditional p.note { margin-top:1em; color: black; font-size:.6em; }
p#linksHTML { color: #000; }


/* Produkte�bersichts-Tabelle */
.t01 { font-size:.8em; border-collapse: collapse; width:100%;  }
.t01small { font-size:.7em; }
.t01 a { text-decoration:none; display:inline-block; }
.t01 td, .t01 th { padding:3px 8px 3px 2px; vertical-align:middle; }
.t01 th { font-size:.8em; padding-bottom:.5em; border-bottom: 1px solid black;}
.t01 td, .t01 tr { border-bottom: 1px solid black;  }
.t01 .tabtitle { font-weight:bold; padding-top:1.5em; }
.t01 .tabtitleFiletype { font-weight:bold; background:#ddd; }
.t01 tr:hover { background:#eee; }
.t01 tr.noh { border:0; }
.t01 tr.noh:hover { background: transparent; }
.t01 td.order { background: #97989a; font-size:.8em; font-weight:bold; padding-right:0; white-space:nowrap; }
.t01 td.order a { color:#fff; display:block; padding:5px 1em;  }

.t01 td.btn,.t01 td.btncenter { padding:0; height:26px; line-height:20px; }
.t01 td.btncenter { text-align:center; }


.tbigger { font-size:1em; }
.tbiggernew { font-size:1em; background:white; border:1px solid #999;}
.tbiggernew td { vertical-align:top; border:1px solid #999;}
.tcright { text-align:right; }
table.tcnoborder td { border-bottom:0; }
a.order, a.dnlPDF, a.dnlZIP, a.dnlSIT, a.dnlHQX, a.dnlEXE, a.dnlBIN, a.dnlJPG, a.dnlGIF, a.dnlPPT, a.dnlWMV, a.dnlEMPTY { height:22px; width:120px; color: #fff; font-weight:bold; font-size:.8em; text-indent:4px; padding-top:1px; margin:2px 0;}
a.order:hover, a.dnlPDF:hover, a.dnlZIP:hover, a.dnlSIT:hover, a.dnlHQX:hover, a.dnlEXE:hover, a.dnlBIN:hover, a.dnlJPG:hover, a.dnlGIF:hover, a.dnlPPT:hover, a.dnlWMV:hover, a.dnlPPT:hover, a.dnlEMPTY:hover { background-color:#666; }

a.order { background: #97989a url(images/basket02.gif) center right no-repeat; }
a.dnlPDF { background: #97989a url(images/mime/pdf.gif) center right no-repeat; }
a.dnlZIP,a.dnlSIT,a.dnlHQX { background: #97989a url(images/mime/zip.gif) center right no-repeat; }
a.dnlEXE,a.dnlBIN { background: #97989a url(images/mime/exe.gif) center right no-repeat; }
a.dnlJPG { background: #97989a url(images/mime/jpg.gif) center right no-repeat; }
a.dnlGIF { background: #97989a url(images/mime/gif.gif) center right no-repeat; }
a.dnlPPT { background: #97989a url(images/mime/ppt.gif) center right no-repeat; }
a.dnlWMV { background: #97989a url(images/mime/wmv.gif) center right no-repeat; }
a.dnlEMPTY { background: #97989a; }
a.dnlEMPTYFull { background: #97989a; height:22px; width:120px; color: #666; font-weight:bold; font-size:.8em; text-indent:4px; padding-top:1px; margin:2px 0; }


.t01 td.awcellb { padding:20px 0; border-bottom:1px solid black; vertical-align:top;}
.t01 td.awcellnob { padding:20px 0; border-bottom:1px solid #fff; vertical-align:top;}
.t01 td.prnob { border-bottom: 1px solid #fff; }


.t02 { font-size:.8em; border-collapse: collapse; }
.t02 td,.t02 th { padding-left:2px; padding-right:8px; }

/* Individuelle Tabellen */
/* Produkte�bersicht */
.t-prodoverview-art { }
.t-prodoverview-desc { width:100%;}
.t-prodoverview-price1 { }
.t-prodoverview-price2 { }
.t-prodoverview-stock { }
.t-prodoverview-order { }

/* Support */
.t-sup-desc { width:100%; }
.t-sup-version { }
.t-sup-onlinedate { }
.t-sup-size {  }
.t-sup-dnl {  }
.t-sup-kb { color: #535254; background:#ddd; font-family: monospace; border:1px #999; border-style:dashed}
.t-sup-kb td, .t-sup-kb th  { padding-left:10px; padding-right:8px}


/* Presse */
.t-press-datum { }
.t-press-title { width:100%; }
.t-press-dnl { }

/* News */
.t-news-datum { }
.t-news-title { width:100%; }
.t-news-detail { font-size:1.3em; }
.t-news-detail a { text-decoration:underline; }

.t-news-moreinfos,.t-news-moreinfos:hover { background: url(images/moreinfos.png) center right no-repeat; padding-right:0; }
.t-news-moreinfos:hover { background-color: #eee; cursor: pointer; }
.t-news-lessinfos,.t-news-lessinfos:hover { background: url(images/lessinfos.png) center right no-repeat; padding-right:0; }
.t-news-lessinfos:hover { background-color: #eee; cursor: pointer;}

/* ZySTARs */
.t-zystar-r1 { }
.t-zystar-r2 { }
.t-zystar-r3 { }
.t-zystar-r4 { }

/* Produktevergleichstabelle(n) */
#prodcomparison { font-size:.7em; border-collapse: collapse; width:100%; }
#prodcomparison td { text-align:left; border: 1px solid black;  padding:4px; }
#prodcomparison tr.noh:hover { background:transparent; }
#prodcomparison tr:hover, #prodcomparison td.current { background:#eee; }
#prodcomparison td a { color:black; text-decoration:none; }
td div.prodcompImage { background: url(images/dummy.gif) no-repeat 0 -60px; width:130px;height:70px; }
td div.prodcompImage a { width:130px; height:70px; display:block; }


input.submitbutton { text-transform:uppercase; background:#adaeb0; border:1px solid #adaeb0; font-size:10px; color:#fff; font-weight:bold; padding:3px; cursor:pointer; }
input.submitright, input.submitright:focus { text-transform:uppercase; margin:10px 0; float:right; background:#adaeb0; border:1px solid #adaeb0; font-size:10px; color:#fff; font-weight:bold; padding:3px; cursor:pointer; }
input.submitleft, input.submitleft:focus, input.submitleft2, input.submitleft2:focus { text-transform:uppercase; margin:10px 0; float:left; background:#adaeb0; border:1px solid #adaeb0; font-size:10px; color:#fff; font-weight:bold; padding:3px; cursor:pointer; }
input.submitbutton:hover, input.submitleft:hover,input.submitright:hover,input.submitleft2:hover { color:#000; border:1px solid #777; }
input.submitleft2,  input.submitleft2:focus { margin-left:1em; }

a.submitbuttonfake { text-transform:uppercase; text-decoration:none; margin:10px 0 0 5px; background:#adaeb0; border:1px solid #999; font-size:11px; color:#fff; font-weight:bold; padding:3px; cursor:pointer; }
a.submitbuttonfake:hover { color:#000; border:1px solid #777; }

/* ZNE-Login ab Kurs-Seite (links) */
span.zneloginleft { width:70px; display:block;float:left; padding-top:4px; }


/* Diverse Vorlagen */
.TwoColsImg { margin-bottom:1em; clear:both; height:50%; }	/* height:100%: brauchts f�r XStandard */
.TwoColsImg span { float:left; width:144px; }
.TwoColsImg div.r2 { display:inline; float:left; width:418px; } /* width: 618px; entfernt (sonst Umbruch im H�ndlerbereich); 24.12: wieder drin wegen Umbruch bei Kursen */
.TwoColsImg div.r2 h3 { padding-top:0; }
/*.TwoColsImg span img { padding-top:1.2em; }*/

.News { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid black; }
.News span { float:left; width:144px; }
.News div.r2 { display:inline;float:left; width:618px; }
.News span img { padding-top:1em; }


.newsEntry { border-bottom: 1px solid black; font-size:.8em; }
.newsEntry:hover { background: #eee; }
.sp01l { float:left; width:150px; }
.sp01r { float:left;  }

/*
.sp01r a.more { display:block; width:600px; background:url(/images/moreinfos.png) center right no-repeat; }
a.less { margin-top:-1.5em; margin-bottom:.5em; display:block; width:748px; background:url(/images/lessinfos.png) center right no-repeat; }
*/


/* Liste mit Aufz�hlungspunkt (z.B. Kursziele) */
/* ul.ulist { padding-left:2em; list-style: disc; font-size:.8em; } vor 27.12.2007 */
ul.ulist { width:600px; margin:0; padding-left:1.4em; list-style: disc; font-size:.8em; }

/* Formulare */
fieldset { position:relative; margin: 1em 0; padding: 1em; margin-top:0; border: 1px solid #aaa; background:#F5F5F5; }
fieldset p { clear:left; margin-bottom:3px; }
legend { top: -.6em; left: .5em; font-weight: bold; font-size:.8em; color: #535254; border:1px solid #aaa; border-bottom:1px solid transparent; padding:0 10px; background:#F5F5F5; }

label { float:left; width:130px; }
.width50 { width:50px; margin-bottom:1px; }
.width100 { width:100px; margin-bottom:1px; }
.width150 { width:150px; margin-bottom:1px; }
.width200 { width:200px; margin-bottom:1px; }
.width300 { width:300px; margin-bottom:1px; }
.width400 { width:400px; margin-bottom:1px; }
.width500 { width:500px; margin-bottom:1px; }
.errortext { font-size:.8em; color:red; font-weight:bold; }

input:focus, textarea:focus {
  background: #ffc; 
}

div.supnewsdate { position:relative; margin-top:1em; }
div.supnewsdate p { position:absolute; font-size:.8em; right:.5em; }

.cbleftmultilne {float:left; margin-bottom:4em; margin-right:.5em; }   /* margin-bottom von 2em auf 4em angepasst von PHE 17.5.2011 wegen http://www.studerus.ch/newsletter.html */
p.smalltext { font-size:10px; }

/* Abteilungen/Mitarbeiter */
#departmentsName {float:left;}
#departmentsName a { text-decoration:none; }
#departmentsName .current a { color:red; }
#departmentsImage { width:400px; float:left; padding-left:50px; position:relative; }
#departmentsDetail { position:absolute; bottom:0; left:270px; }
#departmentsText { position:absolute; top:0; left:270px; width:380px; }

/* Footer */
#footer { font-size: .6em; color: #ccc; text-align:left; margin-left:190px; padding-bottom:2em; padding-top:15px;  }
#footer p { color: #ccc; }
#footer p a { text-decoration:underline; color: #ccc; }
#footer a.baseline { text-decoration:underline; }

#baseline { line-height:14px; }
#baseline p { font-size: .6em; margin-left:190px; position:absolute; bottom:0; padding-top:6em; padding-bottom:1.5em; color: #ccc; margin-bottom:-30px; }
#baseline p a { text-decoration: underline; color: #ccc; }

.noborderright { border-right:0 !important; padding-right:0 !important; }
.noborderbottom { border-bottom:0 !important; }

.pageEdit { float:right; font-size:8px !important; color:red; }
.pageEdit a { color:red; }

/* Sitemap */
#sitemap a { text-decoration:none; }
#sitemap ul { font-size:1em; list-style:none; padding:0; margin:0; }
#sitemap li.l1 { list-style:none; font-weight:bold; margin-bottom:1em; padding-left:0;  }
#sitemap li.l2,#sitemap li.l3,#sitemap li.l4 { font-weight:normal; padding-left:2em; }


/* float clearing for IE6 */
* html .clearfix { height: 1%; overflow: visible; }

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.zystarbghead { font-size:.8em; text-align:center; color: #fff; background: #ab0232; font-weight: bold; padding: 5px 10px; }
.zystarbgleft { font-size:.8em;color: #000; background: #d4e0e4; font-weight: normal; padding: 5px 10px;  }
.zystarbgright { font-size:.8em; text-align:center; color: #000; background: #ebeced; font-weight: normal; padding: 5px 10px;  }

#searchresultContent { position:absolute; top:170px; left:750px; background:white; padding:.5em; border: 1px solid #444;  width:200px; }
td.tct { vertical-align:top; }
td.techdataSubcat { background: #ddd; font-weight:bold; padding:3px; }


/* Bildarchiv */
.t-ba-desc { width:200px; }
.t-ba-view { width: 132px; text-align:center;}
.td-ba-desc { vertical-align:top; font-size: .8em; }
.td-ba-view { vertical-align:top; font-size: .8em; width:150px;  }
.t01 td.nobo { border-bottom:0; }
.baImage { position:relative; border: 1px solid #ddd; }
div#imgZoomPNG { position:absolute;bottom:0; left:0; background: url('/images/zoom.gif') no-repeat; width:36px; height:25px; cursor:pointer }
a.dnlJPG2 {font-size:.9em; padding-top:5px; height:18px;}

#content360 { color:red; background: url('/images/360Grad-icon.png') no-repeat; padding-left:13px; }
.content360Modal { 
	background-color:#fff;
	display:none;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.content360Modal .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* Productfinder-Tab */
/*
ul li.pftab { float:right; }
ul li.pftab span { background:url('/images/misc/zoom.png') no-repeat top right; display:block; padding-right:18px; }
*/

ul li.pftab { float:right; }
ul li.pftab a { background:url('/images/navcolsZyxel.png') repeat-x 0 -750px; }
ul li.pftab a:hover { background:url('/images/navcolsZyxel.png') repeat-x 0 -150px !important; }
ul li.pftab span { background:url('/images/misc/zoom.png') no-repeat top right; display:block; padding-right:18px; }

textarea { font: 100% Arial, Helvetica, sans-serif; }

/* table styles for landingpages - added by phe@zyxel.ch Sept 29th 2009*/
.t-landing { color:#4b5150; border:0px #cccccc solid; border-collapse: collapse; margin:5px 0px 5px 1px; }
.t-landing-td { text-align:center; width:65px; padding:1px; vertical-align:middle; vertical-align:top; }
.t-landing-td195 { text-align:left; width:215px; padding:1px; vertical-align:top; }
.t-landing-td-trenner { width:1px; background-color:#ddd6d6; border:1px #ccc solid;}
.t-landing-bs {color:#0b2a04; border:0px #cccccc solid; border-collapse: collapse; margin:5px 0px 5px 1px; font-size: 12px; background-color: #fbfbe1; width:815px; float:top; vertical-align:top; font-size: 12px; }
.t-landing-td200 { color:#0b2a04; text-align:left; width:200px; padding:5px 0px 0px 5px; vertical-align:top; background-color:#dae28b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.t-landing-td200 ul li{ text-align:left; color:#0b2a04; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.t-landing-td200 p{ text-align:left; color:#0b2a04; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.t-landing-td200 h3{ text-align:left; color:#0b2a04; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.t-landing-td200 h2{ text-align:left; color:#0b2a04; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.t-landing-bs-trenner { width:5px; }
.t-landing-small { font-size:12px; }
.t-landing-small h2 { color:#660000; font-weight:bold; font-size:10px; padding:1em 0 .2em 0;}
.t-landing-small h3 { }

/* table styles for bestseller - added by phe@zyxel.ch Nov 16th 2009*/
.t-bs-wireless { text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Wireless_blau.jpg) no-repeat; }
.t-bs-wireless div { padding: 75px 10px 0px 10px; color:#25485b; }
.t-bs-wireless ul li { color:#25485b; }
.t-bs-wireless h4 { margin-top:6px; color:#25485b; }
.t-bs-wireless h4 a { color:#25485b; text-decoration:underline; }
.t-bs-wireless h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switch { color:#16451c; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Switch_gruen.jpg) no-repeat; }
.t-bs-switch div { padding: 75px 10px 0px 10px; color:#16451c; }
.t-bs-switch h4 { margin-top:6px; color:#16451c; }
.t-bs-switch h4 a { color:#16451c; text-decoration:underline; }
.t-bs-switch h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switch ul li { color:#16451c; }
.t-bs-switchrot { color:#7e0f16; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Switch_rot.jpg) no-repeat; }
.t-bs-switchrot div { padding: 73px 10px 2px 390px; color:#7e0f16; }
.t-bs-switchrot h4 a { color:#7e0f16; text-decoration:underline; }
.t-bs-switchrot h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switchrot h4 { margin-top:6px; color:#7e0f16; }
.t-bs-switchrot ul li { color:#7e0f16; }
.t-bs-storage { color:#433403; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Storage_gelb.jpg) no-repeat; }
.t-bs-storage div { padding: 73px 10px 0px 390px; color:#433403; }
.t-bs-storage h4 { margin-top:6px; color:#433403; }
.t-bs-storage ul li { color:#433403; }
.t-bs-storage h4 a { color:#433403; text-decoration:underline; }
.t-bs-storage h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-powerline { color:#3f1408; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Powerline_hubarot.jpg) no-repeat; }
.t-bs-powerline div { padding: 73px 10px 2px 390px; color:#3f1408; }
.t-bs-powerline ul li { color:#3f1408; }
.t-bs-powerline h4 { margin-top:6px; color:#3f1408; }
.t-bs-powerline h4 a { color:#3f1408; text-decoration:underline; }
.t-bs-powerline h4 a:hover { color:#b41622; text-decoration:underline; }
.bs-flyer-top { background: url(/images/bestseller/pics/195x25_frame_gruen_flyer_top.png) no-repeat; margin-top:5px; padding-bottom:10px;}
.bs-newsletter-top { background: url(/images/bestseller/pics/195x25_frame_gruen_newsletter_top.png) no-repeat; margin-top:5px; padding-bottom:10px; }
.bs-follow-top { background: url(/images/bestseller/pics/195x25_frame_gruen_follow_top.png) no-repeat; margin-top:5px; padding-bottom:10px; }
.bs-follow-middle { background: url(/images/bestseller/pics/195x16_frame_gruen_follow_middle.png) no-repeat; margin-top:0px; }
.bs-green-middle { background: url(/images/bestseller/pics/195x1_frame_gruen_center.png) repeat-y; color:#0b2a04; padding: 5px 2px 0px 10px; }
.bs-green-middle form { width:200px;}
.bs-green-middle2 { background: url(/images/bestseller/pics/195x1_frame_gruen_center.png) repeat-y; color:#0b2a04; padding: 10px 2px 0px 10px; font-size:10px;}
.bs-green-middle a, .bs-green-middle2 a { color:#0b2a04; text-decoration:underline; }
.bs-green-middle a:hover, .bs-green-middle2 a:hover { color:#fbfbe1; text-decoration:underline; }
.bs-green-bottom { background: url(/images/bestseller/pics/195x10_frame_gruen_bottom.png) no-repeat; }
.bs-white-top { background: url(/images/bestseller/pics/195x10_frame_white_top.png) no-repeat; margin-top:5px; margin-bottom:-5px; }
.bs-white-middle { background: url(/images/bestseller/pics/195x1_frame_white_middle.png) repeat-y; color:#0b2a04; padding: 5px 2px 0px 5px; }
.bs-white-intro { background: url(/images/bestseller/pics/195x1_frame_white_middle.png) repeat-y; color:#0b2a04; padding: 0px 2px 0px 10px; font-size:12px; }
.bs-white-middle a { color:#0b2a04; text-decoration:underline; }
.bs-white-middle a:hover { color:#fbfbe1; text-decoration:underline; }
.bs-white-bottom { background: url(/images/bestseller/pics/195x10_frame_white_bottom.png) no-repeat;}
.bs-counter { position:relative; top:100px; color:#0b2a04; font-size: 14px; display:none;}

/* table styles for bestseller CHF - added by phe@zyxel.ch Nov 16th 2009*/
.t-bs-wireless-CHF { text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Wireless_blau_CHF.jpg) no-repeat; }
.t-bs-wireless-CHF div { padding: 75px 10px 0px 10px; color:#25485b; }
.t-bs-wireless-CHF ul li { color:#25485b; }
.t-bs-wireless-CHF h4 { margin-top:6px; color:#25485b; }
.t-bs-wireless-CHF h4 a { color:#25485b; text-decoration:underline; }
.t-bs-wireless-CHF h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switch-CHF { color:#16451c; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Switch_gruen_CHF.jpg) no-repeat; }
.t-bs-switch-CHF div { padding: 75px 10px 0px 10px; color:#16451c; }
.t-bs-switch-CHF h4 { margin-top:6px; color:#16451c; }
.t-bs-switch-CHF h4 a { color:#16451c; text-decoration:underline; }
.t-bs-switch-CHF h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switch-CHF ul li { color:#16451c; }
.t-bs-switchrot-CHF { color:#7e0f16; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Switch_rot_CHF.jpg) no-repeat; }
.t-bs-switchrot-CHF div { padding: 73px 10px 2px 390px; color:#7e0f16; }
.t-bs-switchrot-CHF h4 a { color:#7e0f16; text-decoration:underline; }
.t-bs-switchrot-CHF h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-switchrot-CHF h4 { margin-top:6px; color:#7e0f16; }
.t-bs-switchrot-CHF ul li { color:#7e0f16; }
.t-bs-storage-CHF { color:#433403; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Storage_gelb_CHF.jpg) no-repeat; }
.t-bs-storage-CHF div { padding: 73px 10px 0px 390px; color:#433403; }
.t-bs-storage-CHF h4 { margin-top:6px; color:#433403; }
.t-bs-storage-CHF ul li { color:#433403; }
.t-bs-storage-CHF h4 a { color:#433403; text-decoration:underline; }
.t-bs-storage-CHF h4 a:hover { color:#b41622; text-decoration:underline; }
.t-bs-powerline-CHF { color:#3f1408; text-decoration:bold; text-align:left; width:600px; height:250px; vertical-align:top; background: url(/images/bestseller/picslocal/600x250_Bild_Powerline_hubarot_CHF.jpg) no-repeat; }
.t-bs-powerline-CHF div { padding: 73px 10px 2px 390px; color:#3f1408; }
.t-bs-powerline-CHF ul li { color:#3f1408; }
.t-bs-powerline-CHF h4 { margin-top:6px; color:#3f1408; }
.t-bs-powerline-CHF h4 a { color:#3f1408; text-decoration:underline; }
.t-bs-powerline-CHF h4 a:hover { color:#b41622; text-decoration:underline; }

div.featureSep { border-bottom:1px solid #009; margin:5px 0; }

/* Div-Basierte Landingpage-Styles added by PHE 09.06.2010 */

.boxPrimaryContentLandingFull {margin:0 8px 0 8px ; } 
.boxPrimaryContentLandingFullPromo { height:700px; background: #c9cacc url('/images/haendlerportal/jubipromo/800x700_JubPromo_HG.jpg') top left no-repeat; padding: 30px 320px 0 50px; } 
.boxPrimaryContentLandingFullGame { background: #c9cacc url('/images/bg-game.jpg') top left no-repeat; } 
.boxPrimaryContentLandingImage {float: left; margin:0 16px 0 0 ;}
.boxPrimaryContentLandingLeft600 {position:relative; float: left; width:600px; margin:0 8px 0 0 ; }
.boxPrimaryContentLandingLeft500 {position:relative; float: left; width:500px; margin:0 8px 0 8px ; } 
.boxPrimaryContentLandingLeft450 {position:relative; float: left; width:450px; margin:0 28px 0 8px ; padding-left:10px; } 
.boxPrimaryContentLandingLeft250 {position:relative; float: left; width:240px; margin:0 8px 0 0 ; } 
.boxPrimaryContentLandingRight250 {position:relative; float: right; width:250px; margin:0 8px 0 8px ; } 
.boxPrimaryContentLandingRight300 {position:relative; float: right; width:300px; margin:0 8px 0 8px ; } 
.boxPrimaryContentLandingRight270Vote {position:absolute; height:650px; right:30px; top:725px; width:270px; margin:0 8px 0 8px ; background:url('/images/haendlerportal/jubipromo/Voting_Tool.png') no-repeat; } 
.boxPrimaryContentLandingRight270VoteF {position:absolute; height:650px; right:30px; top:725px; width:270px; margin:0 8px 0 8px ; background:url('/images/haendlerportal/jubipromo/Voting_Tool_F.png') no-repeat; } 

.boxPrimaryContentSpecialBox1 { position:absolute; left:510px; top:345px; width:225px; height:140px;}
.boxPrimaryContentSpecialBox2 { position:absolute; left:210px; top:585px; width:420px;}

div.btnSpecialInfo { position:absolute; left:490px; top:495px; background: url('/images/haendlerportal/jubipromo/Info_button_static.png') top left no-repeat; width:120px; height:45px; }
div.btnSpecialInfo:hover { background: url('/images/haendlerportal/jubipromo/Info_button_over.png') top left no-repeat; width:120px; height:45px; cursor:pointer; }
div.btnSpecialInformation { position:absolute; left:490px; top:495px; background: url('/images/haendlerportal/jubipromo/Information_button_static.png') top left no-repeat; width:120px; height:45px; }
div.btnSpecialInformation:hover { background: url('/images/haendlerportal/jubipromo/Information_button_over.png') top left no-repeat; width:120px; height:45px; cursor:pointer; }

div.btnSpecialOrder { position:absolute; left:600px; top:495px; background: url('/images/haendlerportal/jubipromo/Bestell_button_static.png') top left no-repeat; width:140px; height:45px; cursor:hand; }
div.btnSpecialOrder:hover { background: url('/images/haendlerportal/jubipromo/Bestell_button_over.png') top left no-repeat; width:140px; height:45px; cursor:pointer; }
div.btnSpecialCommander { position:absolute; left:600px; top:495px; background: url('/images/haendlerportal/jubipromo/Commander_button_static.png') top left no-repeat; width:140px; height:45px; cursor:hand; }
div.btnSpecialCommander:hover { background: url('/images/haendlerportal/jubipromo/Commander_button_over.png') top left no-repeat; width:140px; height:45px; cursor:pointer; }



/* SOLUTION IPTV */
/* Apercu */
.solution-iptv-apercu{}
.solution-iptv-apercu .headerImage{width: 800px;}
.solution-iptv-apercu .headerText{width: 740px; padding-left: 30px; padding-right: 30px; margin-bottom: 10px;}
.solution-iptv-apercu .contentLeft, .solution-iptv-apercu .contentRight{width: 350px; margin-bottom: 20px;}
	.solution-iptv-apercu .contentLeft h3, .solution-iptv-apercu .contentRight h3{
		background-image: url(/imagesFR/IPTV_Apercu_ListItem.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
		padding-left: 16px; height: 10px; line-height: 15px; margin-bottom: 5px;}
.solution-iptv-apercu .contentLeft{float: left;  padding-left: 30px; padding-right: 10px;}
.solution-iptv-apercu .contentRight{float: right; padding-left: 10px; padding-right: 30px;}

/* Offre Tripple Play */
.offre-tripple-play{}
.offre-tripple-play h1{padding-left: 10px;}
.offre-tripple-play .input{font-size: 12px; line-height: 16px;}
.offre-tripple-play .input p{margin-bottom: 10px;}
.offre-tripple-play .input .leftText, .offre-tripple-play .input .rightText{width: 380px; padding: 10px; margin-bottom: 30px; }
.offre-tripple-play .input .leftText{float: left;}
.offre-tripple-play .input .rightText{float: right;}

.offre-tripple-play .left{width: 550px; float: left;}
.offre-tripple-play .left ul{width: 530px; padding: 10px; background-color: #f2f7fc; margin-bottom: 40px;}
.offre-tripple-play .left ul li{list-style: url(/imagesFR/IPTV_Apercu_ListItem.jpg);
	margin-left: 18px; margin-bottom: 10px; font-size: 12px; line-height: 18px;
}
.offre-tripple-play .right{width: 230px; margin-left: 10px; padding: 5px; float: right; background-color: #f2f7fc; display: block; height: 100%;}
.offre-tripple-play .right h3{margin-bottom: 20px;}
.offre-tripple-play .right ul{}
.offre-tripple-play .right ul li{list-style: url(/imagesFR/IPTV_Apercu_ListItem.jpg);
	margin-left: 18px; margin-bottom: 10px; font-size: 12px; line-height: 18px;
}

.offre-tripple-play table{width: 550px; border: 1px solid #007bc2; margin-bottom: 10px;}
	.offre-tripple-play table td{
		border-left: 2px solid #007bc2; padding-left: 10px; width: 105px;
		font-size: 12px; padding-top: 4px; padding-bottom: 4px;
	}
	.offre-tripple-play table td:first-child{border-left: none; width: 485px;}
.offre-tripple-play table thead{}
.offre-tripple-play table thead tr{}
.offre-tripple-play table thead td{
	color: #005180; font-size: 12px;  background-color: #ebeef6;border-bottom: 1px solid #007cc1;}
.offre-tripple-play table thead tr:first-child td{
	font-size: 14px; color: #000000;background-color: #99add2;
	font-weight: bold;}
.offre-tripple-play table tbody{}
.offre-tripple-play table tbody td{border-top: 1px solid #007cc1;}
.offre-tripple-play table tbody tr:first-child td{border-top:none;}

/* Zwei-Spalten-Design */
.left { float:left; padding:0px 4px 0px 5px; width:391px; }
.left500 { float:left; width:500px; }
.right { float:right; padding:0px 5px 0px 4px; width:391px; }
.left p, .left strong, .left a, .right strong, .right p, .right a { font-size: 10px; color:#dee9f3;}
.full { width:800px; clear:both; }
.p10 { padding:10px; }
.bg_dark { background-color:#3f464e; }
.bg_white { background-color:#FFFFFF; }

/* FAQ-Listenstyle */
ul.faq { color: #2e2e2e !important; font-size: 13px; font-weight:normal; list-style-image:url(http://partner.zyxel.eu/images/layout/arrow-link.gif); }
ul.faq li { margin-bottom: 8px; }

/* Best Networking Solution Style */
.landingpage_bn {padding:10px; }
.landingpage_bn h1{font-size: 20px; font-family: Verdana; font-weight: normal; margin-bottom: 6px; padding-top: 0;}
.landingpage_bn h3{padding-top:0px; }

.landingpage_bn .back a { float:right; color: #5A708A !important; background:#D8DEE4 url(/images/bestnetworking/arrow-top.gif) no-repeat right bottom !important; padding:3px 20px 1px 12px; margin-top:-10px !important; font-weight:bold; text-decoration:none; }
.landingpage_bn .back a:hover { color: #FFFFFF !important; background: #5a708a url(/images/bestnetworking/arrow-top-white.gif) no-repeat right bottom !important; text-decoration:none !important; }

.landingpage_bn ul.faq { color: #2e2e2e; font-size: 13px; font-weight:normal; list-style-image:url(/images/bestnetworking/arrow-link.gif); }
.landingpage_bn ul.faq li { margin-bottom: 8px; }

.landingpage_bn .bg_lightblue { background-color: #5a708a; margin:0px -10px 0px -10px; height:35px; border-bottom-width:3px; border-color:#FFFFFF; border-style:solid; }
.landingpage_bn .bg_lightblue h2 { font-size:15px !important; font-weight:bold; color: #FFFFFF !important; margin:0; padding:8px 10px 5px 10px; }

.landingpage_bn .bg_bluebox { background: #5a708a url(/images/bestnetworking/BGBluebox.jpg); height:267px; margin:0px -10px 0px -10px;  float:left; width:460px; padding:10px; }
.landingpage_bn .bg_bluebox h3 { color: #FFFFFF !important; font-size:13px !important; font-weight:bold; }
.landingpage_bn .bg_bluebox p, .bg_bluebox strong { color: #FFFFFF !important; }
.landingpage_bn .bg_blueboximg { float:right; margin:0px -10px 0px 0px;}

.landingpage_bn .bg_bluebox .column1 { float:left; width:120px; line-height: 14px; }
.landingpage_bn .bg_bluebox .column2 { float:left; width:325px; line-height: 14px; }
.landingpage_bn .bg_bluebox .barometer strong { font-size:11px; text-transform:uppercase;  }

.landingpage_bn .hugespickel { margin-left:-10px; background: url(/images/bestnetworking/hugespickel.gif) no-repeat; height:20px; width:800px; clear:both; }

.landingpage_bn .bg_whitebox { background: none; margin:0px 10px 0px -10px; display:inline; position:relative; float:left;  width:800px; }
.landingpage_bn .bg_whitebox h3 { font-size:13px !important; font-weight:bold; }
.landingpage_bn .bg_whitebox .inner-left { float:left; width:460px; display:inline; padding-left:10px; }
.landingpage_bn .bg_whitebox .inner-right { float:right; width:320px; display:inline; padding-right:10px; }

.landingpage_bn .bg_puzzlebar-RYPB { background: url(/images/bestnetworking/puzzlebar-RYPB.png) no-repeat; width:470px; height:120px; }
.landingpage_bn .bg_puzzlebar-BRYP { background: url(/images/bestnetworking/puzzlebar-BRYP.png) no-repeat; width:470px; height:120px; }
.landingpage_bn .puzzletext { text-align: center !important; width: 95px; margin:5px 13px 0px 1px; color: #FFFFFF !important; font-size:11px; font-weight:bold; position:relative; float:left; line-height: 12px; }
.landingpage_bn .puzzletextDark { text-align: center !important; width: 95px; margin:5px 13px 0px 1px; color: #2E2E2E !important; font-size:11px; font-weight:bold; position:relative; float:left; line-height: 12px; }

.landingpage_bn br { clear:both; }

.landingpage_bn td.bn-header {background-color: #5a708a; color:#ffffff; text-align:left; height:18px; border:none; font-size:15px; padding:8px 5px 8px 5px; font-weight:bold;}
.landingpage_bn td.bn-1 {vertical-align: middle; border-left:1px #eeeeee solid; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid; background-color: #ffffff; padding:5px;}
.landingpage_bn td.bn-2 {vertical-align: middle; border-left:1px #eeeeee solid; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid; background-color: #ffffff; padding:5px;}

.landingpage_bn .lightbluebar { background-color: #69aad8; height:175px; }
.landingpage_bn .lightbluebar p, .lightbluebar ul li {color: #ffffff !important; font-weight:normal; }
.landingpage_bn .lightbluebar h2 {color: #ffffff !important; margin-top:3px; padding:0px 0px 2px 0px; font-size:13px; font-weight:bold; }
.landingpage_bn .grid_210 { width:210px; float:left; }

/* New HR Styles by PHE */
hr.blue { background-color: #a6b2c0; border:0; height:1px; margin:15px 0 10px 0; }
hr.white { background-color: #ffffff; border:0; height:1px; margin:20px 0 20px 0; }
hr.lightblue { background-color: #c5ccd5; border:0; height:1px; margin:10px 10px 10px 0; }

/* A little bit of Grid :-) for STAG by PHE */
.grid_3 { display:inline; float: left; position: relative; width:189px; margin-left:6px; margin-right:6px; }
.grid_4 { display:inline; float: left; position: relative; width:252px; margin-left:6px; margin-right:6px; }
.grid_5 { display:inline; float: left; position: relative; width:315px; margin-left:6px; margin-right:6px; }
.grid_6 { display:inline; float: left; position: relative; width:378px; margin-left:6px; margin-right:6px; }
.grid_7 { display:inline; float: left; position: relative; width:441px; margin-left:6px; margin-right:6px; }
.grid_8 { display:inline; float: left; position: relative; width:504px; margin-left:6px; margin-right:6px; }
.grid_9 { display:inline; float: left; position: relative; width:567px; margin-left:6px; margin-right:6px; }
.grid_12 { display:inline; float: left; position: relative; width:780px; margin-left:0px; margin-right:0px; }

.alpha { margin-left:0px; }
.omega { margin-right: 0px; }

.prefix_4 { padding-left:252px; }
.prefix_5 { padding-left:315px; }

.suffix_4 { padding-right:252px; }
.suffix_5 { padding-right:315px; }