*{margin:0;padding:0;font-size:12px;}
body,html{min-height:101%;font-size:12px;}
body{background-repeat:repeat;color:#DDDDDD;font-family:Segoe UI, Helvetica, Geneva, Verdana, Arial, Sans-Serif;font-size:12px;margin:0px;padding:0px;background-color:#222222;background-image:url(../images/cssimages/w3buy-page-bg.jpg);}
#w3buy {position:absolute;left:-500px;top:300px;width:400px;height:-500px;z-index:1;line-height:0.9em; display:inline; padding:0px; margin:0px; font-size:9px;}
#w3buy h1 {color:#3f7090; font-size:9px; line-height:0.9em; display:inline; padding:0px; margin:0px;}
#w3buy h2 {color:#3f7090; font-size:8px; line-height:0.9em; display:inline; padding:0px; margin:0px;}
div{font-size:12px;}
strong.fett{font-size:16px;font-weight:bold;color:#e32528;padding:0px 5px 0px 5px;display:block;overflow:hidden;}
td.shade{background-color:#fbfbfb;background-image:url(../images/cssimages/tabelle.gif);background-repeat:repeat-x;padding:10px;font:12px Segoe UI, Helvetica, Geneva, Verdana, Arial, Sans-Serif;color:#222222;border-left:1px dotted #666666;border-top:1px dotted #666666;}
#page{width:890px;margin-right:auto;margin-left:auto;}
#headinhalt{width:890px;margin-left:auto;background-image:url(../images/cssimages/w3buy-head-bg.png);background-repeat:no-repeat;margin-right:auto;height:200px;float:none;clear:both;}
#header-top{width:830px;margin-left:auto;margin-right:auto;height:100px;padding:40px 30px 0px 30px;float:none;clear:both;text-align:right;}
#header-top p{color:#FFFFFF;}
#header-top a{color:#FFFFFF;}
#header-bottom{width:830px;margin-left:auto;margin-right:auto;height:40px;padding:20px 30px 0px 30px;float:none;clear:both;}
#header-bottom a { color:#FFFFFF; margin:8px 15px 0 0; font-size:14px; overflow:hidden;}
#menue{width:810px;height:33px;padding:3px 0px 0px 20px;background:none;}
#teaserinhalt{width:840px;margin:0px;padding:0px 25px 0px 25px;text-align:left;background-image:url(../images/cssimages/teaser-content.png);}
#infobox{width:510px;float:left;}
img #logo{float:left;}
#mitte{background-image:url(../images/cssimages/w3buy-content-bg.png);background-position:center;background-repeat:repeat-y;width:852px;padding:0px 19px 0px 19px;}
#mitteinhalt{background-image:url(../images/cssimages/w3buy-content-bg.jpg);background-repeat:no-repeat;color:#333333;padding:15px 5px 0px 5px;}
.whitebox{background-image:url(../images/cssimages/bg-white-box.gif);background-repeat:no-repeat;color:#333333;padding:20px;background-color:#FFFFFF;}
.transparentebox{color:#333333;padding:20px 20px 0px 20px;}
.macbookprobox{color:#333333;padding:40px 380px 20px 20px;background-image:url(../images/magento-macbookpro-screen.jpg);background-repeat:no-repeat;}
#footer{background-image:url(../images/cssimages/w3buy-footer-bg.png);background-repeat:no-repeat;background-position:center;height:200px;}
a{text-decoration:none;color:#999999;}
a:hover{text-decoration:none;color:#CCCCCC;}
ul.menue{padding:0px;margin:0px;list-style:none;}
li.menue{padding:0px;margin:0px;list-style:none;float:left;}
a.menue{display:block;padding:5px 15px 5px 15px;color:#000000;float:left;border-right:solid 1px #333333;font-weight:bold;font-size:13px;}
a:hover.menue{display:block;padding:5px 15px 5px 15px;color:#fbb040;float:left;border-right:solid 1px #333333;font-weight:bold;font-size:13px;}
strong.gold{color:#fbb040;display:block;}
div.inhalt{padding:10px;line-height:1.5em;text-align:justify;}
div.fancy_content_popup{overflow:auto;font-size:11px;color:#666666;background-image:url(../images/cssimages/bg-php-fancy-body.gif);background-repeat:repeat-y;width:450x;padding:30px;line-height:1.5em;}
h1,h2,h3,h4{font-family:"Trebuchet MS","Lucida Sans","Lucida Sans Unicode", Arial;font-weight:lighter;color:#fbb040;padding:0px;margin:0px;text-align:left;}
h1{font-size:22px;margin-bottom:20px;color:#134363;}
h2{font-size:18px;margin-bottom:10px;color:#49679e;}
p.linkback{text-align:center;font-size:12px;}
p.linkback a{color:#CC6600;text-decoration:none;}
#versions{position:relative;top:50px;margin:0 auto 20px;text-align:center;font-size:11px;}
#versions a{color:#CC6600;text-decoration:none;}
#versions a:hover, #versions a.activenav{color:#FF6600;text-decoration:underline;}
#container, #container2, #container3{position:relative;width:330px;height:260px;overflow:hidden;}
.item{display:block;width:300px;/*height:275px;*/padding:10px;}
.item h3{font-size:20px;margin:0px;color:#ee7f4e;}
#controls1, #controls2, #controls3{display:block;padding:10px;position:relative;width:300px;}
.prev_btn, .next_btn{width:100px;height:25px;line-height:25px;text-align:center;text-transform:uppercase;font-size:12px;color:#AF4B32;border:1px solid #80301D;background-color:#513328;}
.prev_btn{float:left;}
.next_btn{float:right;}
.play_btn{clear:both;width:100px;height:25px;margin:0 auto 12px;line-height:25px;text-align:center;text-transform:uppercase;font-size:12px;color:#AF4B32;border:1px solid #80301D;background-color:#513328;}
.num_nav{text-align:center;}
.num_nav ul li{display:inline;margin:0 2px;}
.num_nav ul li a{padding:2px 3px;color:#AF4B32;border:1px solid #80301D;background-color:#513328;}
.num_nav ul li a.active, .num_nav ul li a:hover{border-color:#fff;background-color:#80301D;}
.btn_over{color:#fff;border:1px solid #fff;background-color:#80301D;}
hr{margin:22px 0;}
.clearit{clear:both;}
#inline1{width:400px;height:300px;overflow:auto;}
#inline1 p{font-size:12px;color:#333333;}
#inline2{width:400px;height:300px;overflow:auto;}
#inline2 p{font-size:12px;color:#333333;}
#inline3{width:400px;height:300px;overflow:auto;}
#inline3 p{font-size:12px;color:#333333;}
.sliderwrapper{position:relative;overflow:hidden;width:330px; height:240px;}
.sliderwrapper .contentdiv{visibility:hidden;position:absolute;left:0;top:0;padding:5px;width:310px;height:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}
.sliderwrapper .contentdiv h3{font-weight:bold;font-size:20px;}
/*.sliderwrapper h1 { color:#FFFFFF; margin-top:15px;}*/
.pagination{width:300px;text-align:right; padding:0px;}
.pagination a{padding:0 5px;text-decoration:none;color:#CCCCCC;border:1px #999999 dotted;font-weight:bold;}
.pagination a:hover, .pagination a.selected{color:#FFFFFF;text-decoration:none;border:1px #FFFFFF solid;background-color:#284253;}
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;background:transparent;z-index:1104;display:none;}
* html #fancybox-loading{position:absolute;margin-top:0;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../fancybox/fancy_loading.png) no-repeat;}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}
* html #fancybox-overlay{position:absolute;width:100%;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:none;overflow:hidden;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:32px;height:32px;background:url(../fancybox/fancy_close.png) top left no-repeat;cursor:pointer;z-index:1103;display:none;}
#fancybox_error{color:#444;font:normal 12px/20px Arial;}
#fancybox-content{height:auto;width:auto;padding:0;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding:10px 0;text-align:center;color:#333;}
.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold;}
.fancybox-title-over{color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background:url(../fancybox/fancy_title_over.png);display:block;}
#fancybox-title-wrap{display:inline-block;}
#fancybox-title-wrap span{height:32px;float:left;}
#fancybox-title-left{padding-left:15px;background:transparent url(../fancybox/fancy_title_left.png) repeat-x;}
#fancybox-title-main{font-weight:bold;line-height:29px;background:transparent url(../fancybox/fancy_title_main.png) repeat-x;color:#FFF;}
#fancybox-title-right{padding-left:15px;background:transparent url(../fancybox/fancy_title_right.png) repeat-x;}
#fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(../fancybox/blank.gif);z-index:1102;display:none;}
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background:transparent url(../fancybox/fancy_nav_left.png) no-repeat;}
#fancybox-right-ico{background:transparent url(../fancybox/fancy_nav_right.png) no-repeat;}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
div.fancy-bg{position:absolute;padding:0;margin:0;border:0;z-index:1001;}
div#fancy-bg-n{top:-20px;left:0;width:100%;height:20px;background:transparent url(../fancybox/fancy_shadow_n.png) repeat-x;}
div#fancy-bg-ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_ne.png) no-repeat;}
div#fancy-bg-e{top:0;right:-20px;height:100%;width:20px;background:transparent url(../fancybox/fancy_shadow_e.png) repeat-y;}
div#fancy-bg-se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_se.png) no-repeat;}
div#fancy-bg-s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url(../fancybox/fancy_shadow_s.png) repeat-x;}
div#fancy-bg-sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_sw.png) no-repeat;}
div#fancy-bg-w{top:0;left:-20px;height:100%;width:20px;background:transparent url(../fancybox/fancy_shadow_w.png) repeat-y;}
div#fancy-bg-nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_nw.png) no-repeat;}




#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:600px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:400px; padding:2px; border:1px solid #ccc;}
/*Änderungen Informationsdelay*/
#information {position:absolute; bottom:0; width:600px; height:0; background:#124363; color:#fff; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
/*Änderungen Buttons*/
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#2e6589;}
#slideleft:hover {background-color:#124363;}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat; background-color:#2e6589;}
#slideright:hover {background-color:#124363;}
#slidearea {float:left; position:relative; width:550px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}




img.icon { float:left; margin-right:2px;}

/*Referenzenseite*/
div.linkereferenzspalte {width:570px; float:left;}
div.rechtereferenzspalte {float:right; width:210px; padding-left:20px;}
div.referenz {background-image:url(../images/cssimages/referenzen-bg.png); background-position:bottom; padding:20px 10px 20px 10px; margin-bottom:20px; border-top:solid 1px #DDDDDD;}
div.beschreibung {width:380px; overflow:hidden; float:right;}
div.beschreibung h1{font-size:18px;margin-bottom:5px;color:#134363; font-weight:normal;}
div.beschreibung h2{font-size:14px;margin-bottom:5px;color:#49679e; font-weight:normal;}
div.beschreibung ul {padding:0px; margin:5px 0 5px 10px;}
div.beschreibung li {font-size:12px;}
ing.screenshot {margin-right:20px; float:left; overflow:hidden; width:150px; height:171px;}